JSFiddle - React, Tailwind, and code Playground

by SpaceDog

HTML

<div id='calc'>    

<div class="screen"><input id="output" class="editscreen"/></div>
    <div class="main-keys">

        <button id="1" value="1" onClick="run1()" class="btn2 num">1</button>
        <button id="2" value="2" onClick="addDigit(event)" class="btn2 num">2</button>
        <button id="3" value="3" onClick="addDigit(event)" class="btn2 num">3</button>
</div>

JavaScript

function addDigit(e) { 
   var target = (e.target) ? e.target : e.srcElement;
   document.getElementById('output').value += target.value; 
}

function run1() {
    document.getElementById('output').value += "1";     
}
;
    function run2()
     {  document.getElementById('output').value += "2";    }
    function run3()
     {  document.getElementById('output').value += "3";    }