JSFiddle - React, Tailwind, and code Playground

HTML

<html>
    
    <head></head>
    
    <body>
        <table border="0" cellpadding="20">
            <tr><td><img src="http://www.buttonshy.com/bs/mt5.png">
        <br>
        <input type="text" value="0" id="number" size="10" />
        <input type="button" id="increment" value="+ Point" />   &nbsp 
            </td>
            <td><img src="http://www.buttonshy.com/bs/mt6.png">
                <br>
                <input type="text" value="0" id="number1" size="10" />
                    <input type="button" id="increment1" value="+ Point" /></td></tr>
                 <tr><td><br><p><img src="http://www.buttonshy.com/bs/mt3.png">
        <br>
        <input type="text" value="0" id="number2" size="10" />
        <input type="button" id="increment2" value="+ Point" />   &nbsp 
            </td>
            <td><br><p><img src="http://www.buttonshy.com/bs/mt4.png">
                <br>
                <input type="text" value="0" id="number3" size="10" />
                    <input type="button" id="increment3" value="+ Point" /></td></tr>
                 <tr><td><br><p><img src="http://www.buttonshy.com/bs/mt1.png">
        <br>
        <input type="text" value="0" id="number4" size="10" />
        <input type="button" id="increment4" value="+ Point" />   &nbsp 
            </td>
            <td><br><p><img src="http://www.buttonshy.com/bs/mt2.png">
                <br>
                <input type="text" value="0" id="number5" size="10" />
                    <input type="button" id="increment5" value="+ Point" /></td></tr>
                    <tr><td>
                    <p>
                       <br><input type="button" id="reset" value="Reset" />
                        </td></tr></table>
                 </body>

</html>

JavaScript

$(document).ready(function () {
    $("#increment").click(function () {
        var $n = $("#number");
        $n.val(Number($n.val()) + 1);
    });
});
$(document).ready(function () {
    $("#reset").click(function () {
        var $n = $("#number");
        $n.val(0);
    });
});

$(document).ready(function () {
    $("#increment1").click(function () {
        var $n = $("#number1");
        $n.val(Number($n.val()) + 1);
    });
});$(document).ready(function () {
    $("#reset").click(function () {
        var $n = $("#number1");
        $n.val(0);
    });
});
$(document).ready(function () {
    $("#increment2").click(function () {
        var $n = $("#number2");
        $n.val(Number($n.val()) + 1);
    });
});
$(document).ready(function () {
    $("#reset").click(function () {
        var $n = $("#number2");
        $n.val(0);
    });
});

$(document).ready(function () {
    $("#increment3").click(function () {
        var $n = $("#number3");
        $n.val(Number($n.val()) + 1);
    });
});$(document).ready(function () {
    $("#reset").click(function () {
        var $n = $("#number3");
        $n.val(0);
    });
});

$(document).ready(function () {
    $("#increment4").click(function () {
        var $n = $("#number4");
        $n.val(Number($n.val()) + 1);
    });
});
$(document).ready(function () {
    $("#reset").click(function () {
        var $n = $("#number4");
        $n.val(0);
    });
});

$(document).ready(function () {
    $("#increment5").click(function () {
        var $n = $("#number5");
        $n.val(Number($n.val()) + 1);
    });
});$(document).ready(function () {
    $("#reset").click(function () {
        var $n = $("#number5");
        $n.val(0);
    });
});