JSFiddle - React, Tailwind, and code Playground

by Nibin George

HTML

<div class="empDetail">
    <input type="text" name="Eid" placeholder="id" />
    <input type="text" name="EmpName" placeholder="EmpName" />
    <input type="text" name="Age" placeholder="Age" />
</div>
<input type="button" value="ADD" id="addNew" />

CSS

input {
    padding:5px;
    border:1px solid #999;
    border-radius:4px;
    -moz-border-radius:4px;
    -web-kit-border-radius:4px;
    -khtml-border-radius:4px;
    width:60px;
    
}

.empDetail{
 margin:5px;
}
}

JavaScript

$("#addNew").on('click', function () {
    var eid = "<div class='empDetail'><input type='text' name='Eid' placeholder='id'/>&nbsp;<input type='text' name='EmpName' placeholder='EmpName'/>&nbsp;<input type='text' name='Age' placeholder='Age'/></div>";
    $('.empDetail:last').after(eid);
});