From eede996d1658830918a9759b451832a25704ffd2 Mon Sep 17 00:00:00 2001
From: lucio <47898791@terciariourquiza.edu.ar>
Date: Thu, 28 May 2026 21:41:35 -0300
Subject: [PATCH] EJ4 terminado

---
 clase-9.js | 21 +++++++++++++++++++++
 index.html | 11 +++++++++--
 2 files changed, 30 insertions(+), 2 deletions(-)

diff --git a/clase-9.js b/clase-9.js
index adcaf14..6976157 100644
--- a/clase-9.js
+++ b/clase-9.js
@@ -29,4 +29,25 @@ lista.addEventListener("click", function(evento) {
         evento.target.classList.add("seleccionado");
 
     }
+});
+
+4//
+document.querySelector("#externo").addEventListener("click", () => {
+    console.log("externo");
+});
+document.querySelector("#interno").addEventListener("click", () => {
+    console.log("interno");
+});
+document.querySelector("#boton").addEventListener("click", () => {
+    console.log("boton");
+});
+
+document.querySelector("#externo2").addEventListener("click", () => {
+    console.log("externo / capturing");
+}, true);
+document.querySelector("#interno2").addEventListener("click", () => {
+    console.log("interno");
+});
+document.querySelector("#boton2").addEventListener("click", () => {
+    console.log("boton");
 });
\ No newline at end of file
diff --git a/index.html b/index.html
index f06dc49..85581d8 100644
--- a/index.html
+++ b/index.html
@@ -29,8 +29,15 @@
                 <li>Maseati</li>
             </ul>
         <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>
+        <div id="externo2">
+            <div id="interno2">
+                <button id="boton2">Click</button>
+            </div>
         </div>
         <hr>
         <div id="ejercicio-5">