JSFiddle - React, Tailwind, and code Playground

by Kishore Sahasranaman

HTML

<table class="calc" cellpadding=2> 
 <tr>
        <td><input type="button" class="calc" id="screen1" value="0"></td>
        <td><input type="button" class="calc" id="screen2" value="0"></td>
        <td><input type="button" class="calc" id="screen3" value="0"></td>
        </tr>
    </table>
    <table class="calc" cellpadding=2>
    <tr> 
        <td><button type="button" onclick="pushButton(1)" value="Call2Functions">1</td>
        <td><button type="button" onclick="pushButton(2)" value="Call2Functions">2</td>
        <td><button type="button" onclick="pushButton(3)" value="Call2Functions">3</td>
    </tr>
    <tr>
      <td><input type="radio" id="Check1" name="radio" onclick="check(1)">button1</td>
      <td><input type="radio" id="Check2" name="radio" onclick="check(2)">button2</td>
      <td><input type="radio" id="Check3" name="radio" onclick="check(3)">button3</td>
    </tr>
   </table>
<input type="button"  onclick="clearall()" class="calc" id="clearall" value="Clear All" />

JavaScript

document.getElementById('screen1').value = localStorage.getItem('answer1') || 0;
document.getElementById('screen2').value = localStorage.getItem('answer2') || 0;
document.getElementById('screen3').value = localStorage.getItem('answer3') || 0;

window.check =  function (value) {
    if (document.getElementById("Check" + value).checked) {
        buttonValue = value;
    }
}

window.pushButton = function (addValue) {
    if (buttonValue == 'C') {
        document.getElementById('screen').value = '0';
    } else { //this is where most changes occured
        var x = document.getElementById('screen' + buttonValue).value
        x = parseInt(x) + parseInt(addValue);
        document.getElementById('screen' + buttonValue).value = x;
        localStorage.setItem('answer'+ buttonValue, x);
    }
}

window.calculate = function (equation) {
    var answer = eval(equation);
    document.getElementById('screen' + buttonValue).value = answer;
}

window.clearall = function(){
localStorage.clear();
    document.getElementById('screen1').value = 0;
document.getElementById('screen2').value = 0;
document.getElementById('screen3').value = 0;
}

window.onerror = function(msg, url, linenumber) {
    alert('Error message: '+msg+'\nURL: '+url+'\nLine Number: '+linenumber);
    return true;
}