JSFiddle - React, Tailwind, and code Playground

by kapilrc

HTML

<div></div>
<form>
<table border="1">
    <tr>
        <td><input type="button" name="1" value="1" /></td>
        <td><input type="button" name="2" value="2" /></td>
        <td><input type="button" name="3" value="3" /></td>
        <td><input type="button" name="plus" value="+" /></td>
    </tr>
    <tr>
        <td><input type="button" name="4" value="4" /></td>
        <td><input type="button" name="5" value="5" /></td>
        <td><input type="button" name="6" value="6" /></td>
        <td><input type="button" name="minus" value=" -" /></td>
    </tr>
    <tr>
        <td><input type="button" name="7" value="7" /></td>
        <td><input type="button" name="8" value="8" /></td>
        <td><input type="button" name="9" value="9" /></td>
        <td><input type="button" name="divide" value=" /" /></td>
    </tr>
    <tr>
        <td><input type="button" name="dot" value="." /></td>
        <td><input type="button" name="0" value="0" /></td>
        <td><input type="button" name="C" value="C" /></td>
        <td><input type="button" name="equal" value="=" /></td>
    </tr>
</table>
</form>
<br />

CSS

div { padding: 4px; border: 1px solid; height: 20px; width: 112px; }
table {border-collapse: collapse }

JavaScript

$(document).ready(function() {
//alert('hi');

/*var addTwoNums = function(a, b) {
 return(a+b); 
    
}*/

$('input').each(function() {
    
    $(this).click(function(n) {
        
        var clk =$(this).attr('value');
        //if (clk == array[i]);
        console.log(typeof clk);
                    
        //console.log(typeof ($(this).attr(name));
    var num,
        thisnum = $(this).val();
    $('div').append(thisnum);
    }); 
    
});
     $('input[type="submit"]').click(function() {
         
         $('div').load();
         
     });
});