JSFiddle - React, Tailwind, and code Playground

by paska

HTML

<table></table>
<input type="button" value="add" />

JavaScript

$("input").on("click", function () {
var en = "en";
var ep = "ep";
$("table").append("<tr>" + "<td id='name'>" + en + "</td>" + "<td id='list'>" + ep + "</td>" + "<td class='delete'>" + "<i class='material-icons'>delete</i>" + "</td>" + "</tr>");
});

// Delete function
$(document).on('click', '.delete', function() {
    $(this).animate({
        opacity: 0,
    }, 500, function() {
        $(this).parent().remove();
    });
});