Ejercicio 3

This commit is contained in:
2026-05-21 22:52:07 -03:00
parent e86ab32d29
commit ef9ff87b35

View File

@@ -33,24 +33,20 @@ campo.addEventListener("input", function (e) {
//EJERCICIO 3
// 1. Seleccionar el elemento padre (la lista)
// 1. Selecciono el elemento padre (la lista)
const lista = document.querySelector("#lista-items");
// 2. Registrar un único listener en el elemento padre
// 2. Registro un único listener en el elemento padre
lista.addEventListener("click", function (e) {
// Validar si el elemento exacto que recibió el clic es un <li>
// Valido si el elemento exacto que recibió el clic es un <li>
if (e.target.tagName === "LI") {
// Buscar si existe actualmente algún ítem con la clase 'seleccionado'
// Busco si existe actualmente algún ítem con la clase 'seleccionado'
const itemSeleccionadoPrevio = lista.querySelector(".seleccionado");
// Si se encuentra un ítem seleccionado, se le remueve la clase
if (itemSeleccionadoPrevio) {
itemSeleccionadoPrevio.classList.remove("seleccionado");
}
// Agregar la clase 'seleccionado' al ítem que disparó el evento
// Agrego la clase 'seleccionado' al ítem que disparó el evento
e.target.classList.add("seleccionado");
}
});
});