JSFiddle - React, Tailwind, and code Playground

HTML

<div id="term"></div>

JavaScript

$("#term").append("<ul id='ulDynamic' class='ulDynamic'></ul>");
        var i;
        for(i=1;i<=3;i++){
            var liDynamic = "Term "+i;
            var liId = "Term"+i;
            var $li = $("<li />", {
                "id" : liId,
                "class" : 'listDynamic'
            }).html(liDynamic).click(function() {
                alert("clicked:" + this.id);
            });
            
            $("#ulDynamic").append($li);            
        }
$("#ulDynamic").find("li:first").trigger("click");