JSFiddle - React, Tailwind, and code Playground

HTML

<table id="the-table"></table>
<a href="#" id="adder">Click to add another row</a>

JavaScript

window.addEventListener('load', function () {
    document.querySelector('#the-table').addEventListener('click', function (e) {
        alert('You clicked row #' + e.target.parentNode.previousSibling.innerText);
    }, false);
    
    // Add an event handler to add elements when the button is clicked
    document.querySelector('#adder').addEventListener('click', function(e) {
        var numberOfRows = document.querySelectorAll('#the-table tr').length;
        
        document.querySelector('#the-table').innerHTML += '<tr><td>' + numberOfRows + '</td><td><a href="#">Click Here</a></td></tr>';
    
        e.preventDefault();
    }, false);
});