From e583173e7c06c68c40c44b2febf643e31ede3100 Mon Sep 17 00:00:00 2001
From: LSvekis <lassvekis@gmail.com>
Date: Fri, 18 Jun 2021 11:13:16 -0400
Subject: [PATCH] Create ex6 Event Change

---
 chapter10/ex6 Event Change | 42 ++++++++++++++++++++++++++++++++++++++
 1 file changed, 42 insertions(+)
 create mode 100644 chapter10/ex6 Event Change
diff --git a/chapter10/ex6 Event Change b/chapter10/ex6 Event Change
new file mode 100644
index 0000000..405c038
--- /dev/null
+++ b/chapter10/ex6 Event Change	
@@ -0,0 +1,42 @@
+<!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>
