feat: implement event handling for exercise 4 with capturing and logging

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