forked from marquez.juan/clase-9-eventos
Ejercicio 3
This commit is contained in:
16
clase-9.js
16
clase-9.js
@@ -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");
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
Reference in New Issue
Block a user