JSFiddle - React, Tailwind, and code Playground

HTML

<html>
    
    <head>
        <script>
            function onClickSite(site) {
                alert(site);
            }

            function ajouterSites() {

                for (var i = 0; i < 3; i++) {
                    var row = document.getElementById("myDiv");
                    var table = row.parentNode;
                    var clone = row.cloneNode(true);

                    // changer le nom du site et le onclick pour prendre les nouvelles valeurs
                    var aElementsTable = clone.getElementsByTagName("A");
                    for (var l = 0; l < aElementsTable.length; l++) {
                        if (aElementsTable[l].id == "nomDuSiteAnchor") {
                            var lSiteId = i;
                            alert(lSiteId);
                            aElementsTable[l].innerHTML = 'Site' + i;
                            aElementsTable[l].onclick = function() {
                                onClickSite(lSiteId);
                                return false;
                            };
                            break;
                        }
                    }

                    // Ajouter la nouvelle ligne au tableau
                    table.appendChild(clone);

                }
            }
        </script>
    </head>
    
    <body>
        <input type="button" value="ADD SITES" onclick="ajouterSites()" />
        <div id="myDiv"> <a id="nomDuSiteAnchor" href="javascript:void(0)" onclick="onClickSite(1);return false;">Site 1</a>

        </div>
    </body>

</html>