From ed7e602bf0c0cc1ecb5c05505c31437dca18f886 Mon Sep 17 00:00:00 2001
From: Karan <50290386+Sonawane-Karan26@users.noreply.github.com>
Date: Wed, 24 Nov 2021 22:19:55 +0530
Subject: [PATCH] Exercise 11.5

---
 Chapter 11/Exercise 11.5 | 42 ++++++++++++++++++++++++++++++++++++++++
 1 file changed, 42 insertions(+)
 create mode 100644 Chapter 11/Exercise 11.5
diff --git a/Chapter 11/Exercise 11.5 b/Chapter 11/Exercise 11.5
new file mode 100644
index 0000000..dc9132f
--- /dev/null
+++ b/Chapter 11/Exercise 11.5	
@@ -0,0 +1,42 @@
+<!doctype html>
+<html>
+<head>
+    <title>JS Tester</title>
+</head>
+<body>
+    <div class="output"></div>
+    <input type="text" name="message" placeholder="Your Message">
+    <button class="btn1">Button 1</button>
+    <button class="btn2">Button 2</button>
+    <div>
+        <button class="btn3">Log</button>
+    </div>
+    <script>
+        const myInput = document.querySelector("input[name='message']");
+        const output = document.querySelector(".output");
+        const btn1 = document.querySelector(".btn1");
+        const btn2 = document.querySelector(".btn2");
+        const btn3 = document.querySelector(".btn3");
+        const log = [];
+        btn1.addEventListener("click", tracker);
+        btn2.addEventListener("click", tracker);
+        btn3.addEventListener("click", (e) => {
+            console.log(log);
+        })
+        function tracker(e) {
+            output.textContent = myInput.value;
+            const ev = e.target;
+            console.dir(ev);
+            const temp = {
+                message: myInput.value,
+                type: ev.type,
+                class: ev.className,
+                tag: ev.tagName
+            };
+            log.push(temp);
+            myInput.value = "";
+        }
+    </script>
+
+</body>
+</html>
