From 36afe58c6fd17a33106759339498d6167b365011 Mon Sep 17 00:00:00 2001
From: Facundo Saucedo <43495919@terciariourquiza.edu.ar>
Date: Wed, 20 May 2026 16:24:05 -0300
Subject: [PATCH] feat: implement event handling for exercise 4 with capturing
 and logging

---
 clase-9.js | 22 ++++++++++++++++++++++
 index.html |  6 +++---
 2 files changed, 25 insertions(+), 3 deletions(-)

diff --git a/clase-9.js b/clase-9.js
index 0695dcf..4f32c34 100644
--- a/clase-9.js
+++ b/clase-9.js
@@ -32,3 +32,25 @@ itemList.addEventListener('click', (event) => {
         event.target.classList.add('selected');
     }
 });
+
+// Ejercicio 4
+
+const outside = document.getElementById('outside');
+const inside = document.getElementById('inside');
+const insideButton = document.getElementById('insideButton');
+
+outside.addEventListener('click', () => {
+    console.log("outside");
+});
+
+inside.addEventListener('click', () => {
+    console.log("inside");
+})
+
+insideButton.addEventListener('click', () => {
+    console.log("button");
+});
+
+outside.addEventListener('click', () => {
+    console.log("outside capturing");
+}, true);
\ No newline at end of file
diff --git a/index.html b/index.html
index 768e3fa..90ba7fb 100644
--- a/index.html
+++ b/index.html
@@ -39,9 +39,9 @@
     </div>
     <hr>
     <div id="ejercicio-4">
-        <div id="externo">
-            <div id="interno">
-                <button>Click</button>
+        <div id="outside">
+            <div id="inside">
+                <button id="insideButton">Click</button>
             </div>
         </div>
     </div>