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

@@ -31,3 +31,13 @@ lista.addEventListener("click", (e) => {
         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");
+});

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">