Eventos, Benincasa Nery #5

Open
benincasa.nery wants to merge 6 commits from benincasa.nery/clase-9-eventos:ejercicioClaseEventos into main
Showing only changes of commit ef9ff87b35 - Show all commits

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");
}
});
});