Untitled
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