From b33768da4bb1d65f8bde3f2bbaf5ffd47d21d0ee Mon Sep 17 00:00:00 2001
From: LSvekis <lassvekis@gmail.com>
Date: Mon, 18 Oct 2021 19:37:18 -0400
Subject: [PATCH] Create capture exercise

---
 chapter10/capture exercise | 44 ++++++++++++++++++++++++++++++++++++++
 1 file changed, 44 insertions(+)
 create mode 100644 chapter10/capture exercise
diff --git a/chapter10/capture exercise b/chapter10/capture exercise
new file mode 100644
index 0000000..064329e
--- /dev/null
+++ b/chapter10/capture exercise	
@@ -0,0 +1,44 @@
+<!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");
+              console.log(e.target.textContent);
+          },false);
+          ele.addEventListener("click", (e) => {
+              console.log("2");
+              console.log(e.target.textContent);
+          },true);
+   
+      })
+  </script>
+
+</body>
+</html>
