const list = document.createElement("ul");
document.body.appendChild(list);

for (let i = 1; i <= 5; i++) {
  const li = document.createElement("li");
  li.textContent = "Item " + i;
  list.appendChild(li);
}

// Single listener handles all current and future <li> clicks
list.addEventListener("click", (event) => {
  const item = event.target.closest("li");
  if (!item || !list.contains(item)) return;
  console.log("Clicked:", item.textContent);
  item.classList.toggle("selected");
});