ejercicio3

2026-05-27 02:05:06 -03:00
parent 7775d18ff8
commit f212ceaee5
2 changed files with 23 additions and 1 deletions
--- a/ejercicio3/ejercicio3.js
+++ b/ejercicio3/ejercicio3.js
@@ -1 +1,15 @@
 // Agregar aquí el código javascript
+
+// Crear una lista con al menos seis ítems de cualquier contenido. Al hacer clic
+// en un ítem, agregarle la clase `"seleccionado"`. Al hacer clic de nuevo sobre
+// el mismo ítem, quitarle la clase.
+
+// Usar delegación de eventos, incluyendo un solo listener en la lista, no uno por
+// ítem.
+
+let lista = document.querySelector("ul");
+
+lista.addEventListener("click", (e)=>{
+    e.target.classList.toggle("defensor-elegido"); //usamos el toggle para agregar/sacar la clase defensor-elegido
+    console.log(e.target.classList)
+})
--- a/ejercicio3/index.html
+++ b/ejercicio3/index.html
@@ -8,7 +8,15 @@
    </head>
    <body>
        <h1>Ejercicio 3</h1>
-
+        <p>Defensores convocados</p>
+        <ul>
+            <li class="defensor">Romero</li>
+            <li class="defensor">Senesi</li>
+            <li class="defensor">Tagliafico</li>
+            <li class="defensor">Molina</li>
+            <li class="defensor">Barco</li>
+            <li class="defensor">Martinez</li>
+        </ul>
        <script src="ejercicio3.js"></script>
    </body>
 </html>