Untitled

 avatar
unknown
typescript
9 days ago
854 B
13
Indexable
function App() {
  const [number1, setNumber1] = React.useState();
  const [number2, setNumber2] = React.useState();
  const [total, setTotal] = React.useState();

  function calculate(binaryOp: (a, b: number) => number) {
    setTotal(binaryOp(Number(number1), Number(number2)));
  }
  
  return (
    <div>
      <h2>Adding Two Numbers</h2>
        <input type="number" value={number1} onChange={e => setNumber1(e.target.value)} />
        <input type="number" value={number2} onChange={e => setNumber2(e.target.value)} />
        <button onClick={() => calculate((a, b) => a+b)}>Add</button>
        <button onClick={() => calculate((a, b) => a-b)}>Sub</button>
        <button onClick={() => calculate((a, b) => a*b)}>Mult</button>
        <button onClick={() => calculate((a, b) => a/b)}>Div</button>
        <p>Total: {total}</p>
     </div>
  );
}
Leave a Comment