One listener on the list handles every item, including new ones.
Acceptance criteria
- 1.Clicking the new item should make #out show New item.
One listener on the list handles every item, including new ones.
const list = document.getElementById("list"); document.querySelectorAll(".item").forEach(function (item) { item.addEventListener("click", function (event) { document.querySelector('#out').textContent = event.target.textContent; }); }); const li = document.createElement("li"); li.className = "item"; li.id = "added"; li.textContent = "New item"; list.append(li);
Output ready when you are
Press Run to render your code, or Submit to validate your solution.