React Js Divide Two Number

    const { useState } = React;

    function App() {

      const [num1, setNum1] = useState(50);

      const [num2, setNum2] = useState(3);

      const [result, setResult] = useState(null);

​

      const handleDivide = () => {

        if (num2 === 0) {

          alert("Cannot divide by zero!");

          return;

        }

​

        setResult(num1 / num2);

      };

​

      return (

        <div className='container'>

          <h2 className='title'>React Js Divide Two Number</h2>

          <label className='label'>First Number</label>

          <input

            className='input'

            type="number"

            placeholder="Enter number 1"

            value={num1}

            onChange={(e) => setNum1(parseFloat(e.target.value))}

          />

          <label className='label'>Second Number</label>

          <input

            className='input'

            type="number"

            placeholder="Enter number 2"

            value={num2}

            onChange={(e) => setNum2(parseFloat(e.target.value))}

          />

          <button className='button' onClick={handleDivide}>Divide</button>

          {result !== null && <p className='result'>Result: {result}</p>}

        </div>

​

      );

    }

​

    ReactDOM.render(<App />, document.getElementById("app"));

  </script>

    const { useState } = React;

    function App() {

      const [numerator, setNumerator] = useState(7);

      const [denominator, setDenominator] = useState(3);

      const [result, setResult] = useState(0);

​

      const handleNumeratorChange = (event) => {

        setNumerator(parseInt(event.target.value, 10));

      };

​

      const handleDenominatorChange = (event) => {

        setDenominator(parseInt(event.target.value, 10));

      };

​

      const handleCalculate = () => {

        const divisionResult = numerator / denominator;

        const wholeNumberResult = Math.floor(divisionResult);

        setResult(wholeNumberResult);

      };

​

      return (

        <div className='container'>

          <h3 className='title'>React Js Divide Two Number without Decimal</h3>

          <label className='label'>First Number</label>

          <input className='input' type="number" value={numerator} onChange={handleNumeratorChange} />

          <label className='label'>Second Number</label>

          <input className='input' type="number" value={denominator} onChange={handleDenominatorChange} />

          <button className='button' onClick={handleCalculate}>Divide</button>

          <p className='result'>Result: {result}</p>

        </div>

​

      );

    }

​

    ReactDOM.render(<App />, document.getElementById("app"));

  </script>