Commit

2021-11-24 20:46:13 +05:30
parent 7bd1867b6a
commit 7c614785bd
29 changed files with 0 additions and 0 deletions
@@ -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>