diff --git a/clase-9.js b/clase-9.js index abf5fc7..ed51aff 100644 --- a/clase-9.js +++ b/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
  • + // Valido si el elemento exacto que recibió el clic es un
  • 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"); } -}); \ No newline at end of file +});