diff --git a/ejercicio3/ejercicio3.js b/ejercicio3/ejercicio3.js index 6ce9e92..effd862 100644 --- 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) +}) \ No newline at end of file diff --git a/ejercicio3/index.html b/ejercicio3/index.html index 678d7ee..29049b8 100644 --- a/ejercicio3/index.html +++ b/ejercicio3/index.html @@ -8,7 +8,15 @@
Defensores convocados
+