Exercise 11.5

2021-11-24 22:19:55 +05:30 · 2021-11-24 22:19:55 +05:30 · ed7e602bf0
commit ed7e602bf0
parent 2e53589a41
1 changed files with 42 additions and 0 deletions
--- a/11/Exercise
+++ b/11/Exercise
@ -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>