JSFiddle - React, Tailwind, and code Playground

by Pankaj Singh Sugara

HTML

<input type="button" id="add_buttonId" value="Add Row">
<input type="button" id="delete_buttonId" value="Delete Row">
<table id="abc" border="1">
    <tr>
        <td>Name</td>
        <td>Subject</td>
    </tr>
    <tr>
        <td><input type="text"/></td>
        <td><input type="text"/></td>
    </tr>
</table>

JavaScript

$("input#add_buttonId").click(function (){
   var serial = $("").val();
    $("#abc tbody").append('<tr id="row"><td><input type="text"/></td><td><input type="text"/></td></tr>');

});
$('#delete_buttonId').click(function(){
    var table_length = $('#abc tr').length;
    if(table_length>1){
        $('#abc tr:last').remove();
    }
    else{
        alert('you canot delete the first row');
    }
})