diff --git a/clase-9.js b/clase-9.js
index 50640d9..d7804ba 100644
--- a/clase-9.js
+++ b/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);
+    }
 });
\ No newline at end of file
diff --git a/index.html b/index.html
index 43bee2d..7bb9aeb 100644
--- a/index.html
+++ b/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">