JSFiddle - React, Tailwind, and code Playground

HTML

<div id="lines">
    <a href="#">Line 1 </a><br />
    <a href="#">Line 2 </a><br />
    <a href="#">Line 3 </a><br />
    <a href="#">Line 4 </a><br />
</div>

<button>Add</button>

JavaScript

$("#lines").on("click","a:last",function(){
     alert("HI");
});

var i=4;
$("button").click(function(){
    i++;
    // this should probably be a list
   $("#lines").append('<a href="#">Line '+i+' </a><br />');
});