From 5b5ed15a7fde8d0c6c704ac5a6fbe2a814b05c45 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Blas=20Alarc=C3=B3n?= <47840816@terciariourquiza.edu.ar>
Date: Thu, 21 May 2026 20:40:19 -0300
Subject: [PATCH] Agregue al html lo indicado y en el js registre listeners de
 bubbling en los 3 elementos y luego agregue un listener de capturing en
 externo

---
 clase-9.js | 12 +++++++++++-
 index.html |  6 +++++-
 2 files changed, 16 insertions(+), 2 deletions(-)

diff --git a/clase-9.js b/clase-9.js
index d7804ba..9e2daa2 100644
--- a/clase-9.js
+++ b/clase-9.js
@@ -27,7 +27,17 @@ lista.addEventListener("click", (e) => {
         }
 
         e.target.classList.add("seleccionado");
-        
+
         console.log(e.target.textContent);
     }
+});
+
+document.querySelector("#externo").addEventListener("click", () => {
+    console.log("externo");
+}, true);
+document.querySelector("#interno").addEventListener("click", () => {
+    console.log("interno");
+});
+document.querySelector("#boton").addEventListener("click", () => {
+    console.log("boton");
 });
\ No newline at end of file
diff --git a/index.html b/index.html
index 7bb9aeb..4a36455 100644
--- a/index.html
+++ b/index.html
@@ -29,7 +29,11 @@
         </div>
         <hr>
         <div id="ejercicio-4">
-            <!-- Agregar acá el código HTML que haga falta para el ejercicio 4 -->
+            <div id="externo">
+                <div id="interno">
+                    <button id="boton">Click</button>
+                </div>
+            </div><!-- Agregar acá el código HTML que haga falta para el ejercicio 4 -->
         </div>
         <hr>
         <div id="ejercicio-5">