JSFiddle - React, Tailwind, and code Playground

by David Thomas

HTML

<input type="text" id="adder" />
<button id="add">Add</button>
<ul id="list">
    <li>element one <span class="remover">X</span>
    </li>
    <li>element two <span class="remover">X</span>
    </li>
</ul>

JavaScript

$("#add").click(function () {
    $("#list").append('<li>' + $("#adder").val() + ' <span class="remover">X</span></li>');
});
$('#list').on('click', '.remover', function(e){
    $(this).parent().remove();
});