JSFiddle - React, Tailwind, and code Playground

by shahrukh007

HTML

<html>
<head>
</head>
<body>

<input type="text" id="txt">
<input type="button" value="C" onClick="clearfunction(this.value)"><br>
<input type="button" value="9" onClick="myfuction1(this.value)">
<input type="button" value="8" onClick="myfuction1(this.value)">
<input type="button" value="7" onClick="myfuction1(this.value)"><br>
<input type="button" value="6" onClick="myfuction1(this.value)">
<input type="button" value="5" onClick="myfuction1(this.value)">
<input type="button" value="4" onClick="myfuction1(this.value)"><br>
<input type="button" value="3" onClick="myfuction1(this.value)">
<input type="button" value="2" onClick="myfuction1(this.value)">
<input type="button" value="1" onClick="myfuction1(this.value)"><br>
<input type="button" value="+" onClick="myfuction1(this.value)">
<input type="button" value="0" onClick="myfuction1(this.value)">
<input type="button" value="-" onClick="myfuction1(this.value)"><br>
<input type="button" value="*" onClick="myfuction1(this.value)">
<input type="button" value="/" onClick="myfuction1(this.value)">
<input type="button" value="=" onClick="myfuction2(this.value)">

<script>
  function myfuction1(x){
   document.getElementById("txt").value+=x;
  }
  function myfuction2(){
  var x = document.getElementById("txt").value;
  console.log(x)
		document.getElementById("txt").value = eval(x);
  }
  function clearfunction(){
  document.getElementById("txt").value='';
  }
</script>

</body>
</html>