React Js Binary to Hexadecimal Converter

    const { useState} = React;

    function App() {

      const [binaryInput, setBinaryInput] = useState('110001110');

      const [hexOutput, setHexOutput] = useState('');

​

      const handleInputChange = (event) => {

        setBinaryInput(event.target.value);

      };

​

      const convertBinaryToHex = () => {

        try {

          const decimalValue = parseInt(binaryInput, 2);

          const hexValue = decimalValue.toString(16).toUpperCase();

          setHexOutput(hexValue);

        } catch (error) {

          setHexOutput('Invalid input');

        }

      };

​

      return (

        <div className='container'>

          <h2>React Js Binary to Hexadecimal Converter</h2>

          <input

            type="text"

            placeholder="Enter binary number"

            value={binaryInput}

            onChange={handleInputChange}

          />

          <button onClick={convertBinaryToHex}>Convert</button>

          <div>

            <strong>Hexadecimal:</strong> {hexOutput}

          </div>

        </div>

      );

    }

​

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

  </script>