React

by Josh Pullen

HTML

<div id="app"></div>

Try entering a negative sign!

React

function MyNumberInput() {
  const [number, setNumber] = React.useState(42);

  return (
    <input
      type="number"
      value={number}
      onChange={event => {
        setNumber(parseFloat(event.target.value)); // Convert string value to a number!
      }}
    />
  );
}

ReactDOM.render(<MyNumberInput />, document.querySelector("#app"))