JSFiddle - React, Tailwind, and code Playground

HTML

<div id="container">
    <div><a href="#" id="addLink">Neues Element</a></div>
</div>

JavaScript

const addLink = document.getElementById("addLink");
const container = document.getElementById("container");

var numElem = 1;

addLink.addEventListener("click", function(event) {
    event.preventDefault();

    const newDiv = document.createElement("div");
    const deleteButton = document.createElement("button");

    newDiv.textContent = "Neues Element " + numElem;
    numElem++;
    deleteButton.textContent = "Löschen";
    
    // Event-Listener für das Löschen des aktuellen Elements
    deleteButton.addEventListener("click", function() {
        container.removeChild(newDiv);
    });

    newDiv.appendChild(deleteButton);
    container.appendChild(newDiv);
});