Completed lesson 25

Bubbles!

Author: rmion

25 - Event Capture, Propagation, Bubbling and Once/index-START.html

@@ -39,7 +39,17 @@
 
 <button></button>
 <script>
+  const divs = document.querySelectorAll('div');
 
+  function logText(e) {
+    console.log(this.classList.value);
+    e.stopPropogation(); // stop bubbling!
+  }
+
+  divs.forEach(div => div.addEventListener('click', logText, {
+    capture: true,
+    once: true
+  }));
 </script>
 </body>
 </html>