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);

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>