clase-9.js

@@ -15,4 +15,19 @@ const parrafo2 = document.querySelector("#contadorCaracteres");
 campo.addEventListener("input", (e) => {
     parrafo2.textContent = `El campo de texto tiene ${e.target.value.length} caracteres`;
     console.log(e.target.value); 
+});
+
+const lista = document.querySelector("ul");
+
+lista.addEventListener("click", (e) => {
+    if (e.target.tagName === "LI") {
+        const items = document.querySelectorAll("li")
+        for (const item of items) {
+            item.classList.remove("seleccionado");
+        }
+
+        e.target.classList.add("seleccionado");
+        
+        console.log(e.target.textContent);
+    }
 });

index.html

@@ -19,7 +19,13 @@
         </div>
         <hr>
         <div id="ejercicio-3">
-            <!-- Agregar acá el código HTML que haga falta para el ejercicio 3 -->
+            <ul>
+                <li>item 1</li>
+                <li>item 2</li>
+                <li>item 3</li>
+                <li>item 4</li>
+                <li>item 5</li>
+            </ul><!-- Agregar acá el código HTML que haga falta para el ejercicio 3 -->
         </div>
         <hr>
         <div id="ejercicio-4">