adding script wesbos#25

Author: Watson6982

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

@@ -39,7 +39,24 @@
 
 <button></button>
 <script>
+  const divs = document.querySelectorAll('div');
+  const button = document.querySelector('button');
 
+  function logText(e){
+    console.log(this.classList.value);
+    // e.stopPropagation() // stops bubbling
+  }
+
+  divs.forEach(div => div.addEventListener('click', logText,{
+    capture:false,
+    once: true
+  }));
+
+  button.addEventListener('click', () => {
+    console.log('click');
+  }, {
+    once: true // removes an event after carried out
+  });
 </script>
 </body>
 </html>