JSFiddle - React, Tailwind, and code Playground

by Bondt

HTML

<ul>
    <li><a href="#">Item 1</a></li>
    <li><a href="#">Item 2</a></li>
    <li><a href="#">Item 3</a></li>
</ul>
<button onclick="return addNewItem();">Add new</button>

JavaScript

function addNewItem() {
    $("ul").append("<li><a href=\"#\">Item " + ($("ul li").length+1) + "</a></li>");
}
$(function() {
    // cleaner on() call here
    $("ul").on("click", "a", function(e) {
        e.preventDefault();
        alert($(this).html());
    });
});