JSFiddle - React, Tailwind, and code Playground

by Maxim_Wolf

HTML

<div id="root">

</div>

React

const NumPad = ()=>{
  const [state, setState] = React.useState("");
  const append=(ix)=>setState((state)=>{
    state+=""+ix;
    return state;
  })
  return (<div><div className="pad">
  {Array(10).fill().map((_,ix)=>(<span 
  key={ix}
  onClick={()=>append(ix)}
  >{ix}</span>))}
  </div>
  <span onClick={()=>setState(state.slice(0,state.length-1))}>{"<="}</span>
  <input type="number" value = {state} onChange={()=>undefined}/>
  </div>)
}

ReactDOM.render(<NumPad></NumPad>,document.querySelector("#root"));