12 lines
447 B
JavaScript
12 lines
447 B
JavaScript
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");
|
|
});
|