Creating Items with JS
<html>
    <head></head>
    <body>
        <ul id="list">

        </ul>
        <button onclick="addItem()">Click Me</button>
        <script>
            const list = document.getElementById("list");
            let count = 1;

            function addItem() {
                const newItem = document.createElement("li");
                newItem.innerText = "Item #" + count;

                // Creating a new item with an event listener is a good
                // case for using addEventListener 
                newItem.addEventListener("click", deleteItem);
                list.appendChild(newItem);
                count ++;
            }

            function deleteItem(event) {
                list.removeChild(event.target);
            }
        </script>
    </body>
</html>