JSFiddle - React, Tailwind, and code Playground

by absentik

HTML

<span>Добавить в список</span><br/>
<ul></ul>

CSS

span { color: #0000ff; text-decoration: underline; margin-bottom: 15px; cursor: pointer; }
ul li { margin-left: 10px; color: gray; cursor: pointer; }

JavaScript

$(document).ready(function() {
    addLi();
    $("span").on("click", function() { addLi(); });
    $("ul").on("click", "li", function() { alert("Клик на элементе #" + $(this).index()); });
});

function addLi() {
    $("ul").append("<li>Элемент #" + $("ul li").size() + "</li>");
}