routaboul.romeo/clase-10-ejercicios-de-repaso
1
0
Fork 0
forked from marquez.juan/clase-10-ejercicios-de-repaso
Code Pull Requests Activity

ejercicio3

Browse Source
This commit is contained in:
Romeo
2026-05-27 02:05:06 -03:00
parent 7775d18ff8
commit f212ceaee5
2 changed files with 23 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
ejercicio3/ejercicio3.js
View File

@@ -1 +1,15 @@
// Agregar aquí el código javascript // 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)
})

10
ejercicio3/index.html
View File

@@ -8,7 +8,15 @@
</head> </head>
<body> <body>
<h1>Ejercicio 3</h1> <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> <script src="ejercicio3.js"></script>
</body> </body>
</html> </html>