From 2803e96994cd1afc1bc5635b048a8860f6b9ab3a Mon Sep 17 00:00:00 2001
From: LSvekis <lassvekis@gmail.com>
Date: Thu, 17 Jun 2021 17:53:45 -0400
Subject: [PATCH] Create ex5 UseCapture

---
 chapter10/ex5 UseCapture | 41 ++++++++++++++++++++++++++++++++++++++++
 1 file changed, 41 insertions(+)
 create mode 100644 chapter10/ex5 UseCapture
diff --git a/chapter10/ex5 UseCapture b/chapter10/ex5 UseCapture
new file mode 100644
index 0000000..9266b13
--- /dev/null
+++ b/chapter10/ex5 UseCapture	
@@ -0,0 +1,41 @@
+<!doctype html>
+<html>
+<head>
+    <title>JS Tester</title>
+    <style>
+        .box {
+            width: 200px;
+            height: 100px;
+            border: 1px solid black
+        }
+    </style>
+</head>
+<body> 
+    <div class="container">
+        <div class="box" id="box0">Box #1</div>
+        <div class="box" id="box1">Box #2</div>
+        <div class="box" id="box2">Box #3</div>
+        <div class="box" id="box3">Box #4</div>
+    </div> 
+    <script>      
+        const main = document.querySelector(".container");
+        const boxes = document.querySelectorAll(".box");
+        main.addEventListener("click", (e) => {
+            console.log("4");
+        },false);
+        main.addEventListener("click", (e) => {
+            console.log("1");
+        },true);
+   
+        boxes.forEach(ele => {
+            ele.addEventListener("click", (e) => {
+                console.log("3");
+            },false);
+            ele.addEventListener("click", (e) => {
+                console.log("2");
+            },true);
+     
+        })
+    </script>
+</body>
+</html>
