const lista = document.querySelector("#lista");

// Un solo listener en la lista, no uno por ítem (delegación de eventos).
lista.addEventListener("click", (e) => {
    // Verificamos que el clic fue sobre un <li>. Si fue sobre otro elemento,
    // retornamos sin hacer nada.
    if (e.target.tagName !== "LI") return;

    // toggle agrega la clase si no la tiene, y la quita si ya la tenía.
    e.target.classList.toggle("seleccionado");
});