JSFiddle - React, Tailwind, and code Playground

by shahrukh007

HTML

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

<input type="text" id="txt" onkeypress="return handlekey(event);">
<input type="button" value="Clear" 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){
   if((x=="+")||(x=="*")||(x=="-")||(x=="/")){
   let str = document.getElementById("txt").value;
   let a =[];
   a= str.split('');
   if(a[a.length-1]==="+"){
   a[(a.length-1)]= x;
    document.getElementById("txt").value=a.join("");
   }
   else if(a[a.length-1]==="*"){
   a[(a.length-1)]= x;
    document.getElementById("txt").value=a.join("");
   }
   else if(a[a.length-1]==="/"){
   a[(a.length-1)]= x;
    document.getElementById("txt").value=a.join("");
   }
   else if(a[a.length-1]==="-"){
   a[(a.length-1)]= x;
    document.getElementById("txt").value=a.join("");
   }
   else{
   document.getElementById("txt").value+=x;
   }
   }else{
    document.getElementById("txt").value+=x;
   }
   }
  function myfuction2(val){
  var re =...