day 25

Charlie · Charlie · commit 74cd7a6a3d71 · 2017-01-08T20:07:12.000-06:00
diff --git a/25 - Event Capture, Propagation, Bubbling and Once/index-START.html b/25 - Event Capture, Propagation, Bubbling and Once/index-START.html
@@ -1,9 +1,11 @@
 <!DOCTYPE html>
 <html lang="en">
+
 <head>
   <meta charset="UTF-8">
   <title>Understanding JavaScript's Capture</title>
 </head>
+
 <body class="bod">
 
   <div class="one">
@@ -13,7 +15,7 @@
     </div>
   </div>
 
-<style>
+  <style>
   html {
     box-sizing: border-box;
   }
@@ -39,7 +41,16 @@
 
 <button></button>
 <script>
+  const divs = document.querySelectorAll('div');
+
+  function logText(e) {
+    e.stopPropagation()
+    console.log(this.classList.value);
+  }
+
+  divs.forEach(x => x.addEventListener('click', logText));
 
 </script>
 </body>
-</html>
+
+</html>
