ejercicio 3: seleccion de elementos con delegacion de eventos

clase-9.js

@@ -15,3 +15,18 @@ const contadorCaracteres = document.getElementById('contadorCaracteres');
 campoTexto.addEventListener('input', function() {
     contadorCaracteres.textContent = `Caracteres ingresados: ${campoTexto.value.length}`;
 });
+
+// Ejercicio 3 - Selección única en la lista con delegación de eventos
+const listaItems = document.getElementById('listaItems');
+
+listaItems.addEventListener('click', function(event) {
+    const item = event.target.closest('li');
+    if (!item || !listaItems.contains(item)) {
+        return;
+    }
+
+    listaItems.querySelectorAll('li').forEach(function(li) {
+        li.classList.remove('seleccionado');
+    });
+    item.classList.add('seleccionado');
+});