JSFiddle - React, Tailwind, and code Playground

HTML

<h2><center>Sample Form</center></h2>
        <h5><center>(Rule 23(1) &AMP; Rule 24(1))</center></h5>
<br/><br/>

<table border="0">

    <tr>
                <td><label for="name">Received from Shri:</label></td>
        <td><input type="text" name="name" id="txtbox1" class="txtbox" />&nbsp;&nbsp;</td>
            </tr>
            <tr>
                <td><label for="address">Address:</label></td>
                <td><input type="text" name="address" id="txtbox2" class="txtbox" />&nbsp;&nbsp;</td>
            </tr>
            <tr>
                <td><label for="address">Email:</label></td>
                <td><input type="text" name="email" id="txtbox3" class="txtbox" />&nbsp;&nbsp;</td>
            </tr>
            <tr>
                <td><label for="mobileNo">Mobile No:</label></td>
                <td><input type="text" name="mobile" id="txtbox4" class="txtbox" />&nbsp;&nbsp;</td>
            </tr>
            <tr>
                <td> <label for="month">Month:</label></td>
                <td><select name="month" id="H1">
                        <option>Select Month</option>
                        <option>January</option>
                        <option>February</option>
                        <option>March</option>
                        <option>April</option>
                        <option>May</option>
                        <option>June</option>
                        <option>July</option>
                        <option>August</option>
                        <option>September</option>
                        <option>October</option>
                        <option>November</option>
                        <option>December</option>
                    </select></td>
                    <td><label for="year">Year:</label></td>
                    <td><select name="year" id="I1">
                        <option>Select Year</option>
                        <option>2014</option>
                        <option>2015</option>
                       ...

JavaScript

data = new Array();

    $(document).ready(function(){
                $(".addbutton").click(function() {
                        var row = new Array(12);
                        row[0] = $("#txtbox1").val();
                        row[1] = $("#txtbox2").val();
                        row[2] = $("#txtbox3").val();
                        row[3] = $("#txtbox4").val();
                        row[4] = $("#H1").val();
                        row[5] = $("#I1").val();
                        row[6] = $("#G1").val();
                        row[7] = $("#J1").val();
                        row[8] = $("#B1").val();
                        row[9] = $("#C1").val();
                        row[10] = $("#D1").val();
                        row[11] = $("#E1").val();

                        data.push(row);
                        refresh();
                    
                    $("#txtbox1").val("");
                    $("#txtbox2").val("");
                    $("#txtbox3").val("");
                    $("#txtbox4").val("");
                    $("#H1 option:selected").removeAttr("selected");
                    $("#G1 option:selected").removeAttr("selected");
                    $("#I1 option:selected").removeAttr("selected");

                    $("#J1").val("");
                    $("#B1").val("");
                    $("#C1").val("");
                    $("#D1").val("");
                    $("#E1").val("");
                });

               

                //Edit function
                var $tds = null;
                $('#datatable').on('click', 'td:last-child', function (e) {
                    /*var $tr = $(this).parent(),
                        $tds = $tr.children(),
                        sname = $tds.eq(0).text().trim(),
                        mon = $tds.eq(1).text().trim();
                        year = $tds.eq(2).text().trim();*/
                    
                        $("#txtbox1").val("");
                        $("#txtbox2").val("");
 ...