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

---
 Chapter 11/Exercise 11.7 | 43 ++++++++++++++++++++++++++++++++++++++++
 1 file changed, 43 insertions(+)
 create mode 100644 Chapter 11/Exercise 11.7
diff --git a/Chapter 11/Exercise 11.7 b/Chapter 11/Exercise 11.7
new file mode 100644
index 0000000..2da5360
--- /dev/null
+++ b/Chapter 11/Exercise 11.7	
@@ -0,0 +1,43 @@
+<!doctype html>
+<html>
+<head>
+    <title>JS Tester</title>
+</head>
+<body> 
+    <div class="output1">
+    </div>
+ 
+    <input type="text" placeholder="First Name" name="first"><br>
+    <input type="text" placeholder="Last Name" name="last"><br>
+    <script>      
+        const output = document.querySelector(".output1");
+       
+        const in1 = document.querySelector("input[name='first']");
+        const in2 = document.querySelector("input[name='last']");
+        in1.addEventListener("change", (e) => {
+            console.log("change");
+            updater(in1.value);
+        })
+        in1.addEventListener("blur", (e) => {
+            console.log("blur");
+        })
+        in1.addEventListener("focus", (e) => {
+            console.log("focus");
+        })
+        in2.addEventListener("change", (e) => {
+            console.log("change");
+            updater(in2.value);
+        })
+        in2.addEventListener("blur", (e) => {
+            console.log("blur");
+        })
+        in2.addEventListener("focus", (e) => {
+            console.log("focus");
+        })
+        function updater(str) {
+            output.textContent = str;
+        }
+    </script>
+
+</body>
+</html>
