Ejercicio 3

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) {
-
+    // Valido si el elemento exacto que recibió el clic es un <li>
-    // Validar si el elemento exacto que recibió el clic es un <li>
     if (e.target.tagName === "LI") {
-
+        // Busco si existe actualmente algún ítem con la clase 'seleccionado'
-        // Buscar 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");
         }
-
+        // Agrego la clase 'seleccionado' al ítem que disparó el evento
-        // Agregar la clase 'seleccionado' al ítem que disparó el evento
         e.target.classList.add("seleccionado");
     }
 });