Calc.js

import { useState } from "react";

function Calc() {
    const [n1, setn1] = useState(0)
    const [n2, setn2] = useState(0)
    const [result, setresult] = useState(0)

    const myn1 = (e) => {
        setn1(parseFloat(e.target.value))
    }
    const myn2 = (e) => {
        setn2(parseFloat(e.target.value))
    }

    const add = () => {
        setresult(n1+n2);
    }

    const sub = () => {
        setresult(n1-n2);
    }

    const divide = () => {
        setresult(n1/n2);
    }

    const multiple = () => {
        setresult(n1*n2);
    }
    return (
        <div>
            <h1>Calculator</h1>
            Enter a 1st number: <input type="number" onChange={myn1}/><br/>
            Enter a 2nd number: <input type="number" onChange={myn2}/><br/>
            <button onClick={add}>+</button>
            <button onClick={sub}>-</button>
            <button onClick={divide}>/</button>
            <button onClick={multiple}>*</button>
            <br/>
            <h2>Result: {result}</h2>
        </div>
    );
}

export default Calc;