Cree una lista con cinco items, y use delegacion de eventos para que cuando haga click en un elemento agregue la clase seleccionado y se la quite a los demas

clase-9.js

@@ -16,3 +16,18 @@ 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">