Create ex8 Input Number checker

2021-06-18 13:35:48 -04:00
parent fb6187e180
commit 868bdbd0a4
1 changed files with 28 additions and 0 deletions
@@ -0,0 +1,28 @@
+<!doctype html>
+<html>
+<head>
+    <title>JS Tester</title>
+</head>
+<body>
+    <div class="output"></div>
+        <input type="text" name="myNum1">
+        <input type="text" name="myNum2">
+    <script>
+        const eles = document.querySelectorAll("input");
+        const output = document.querySelector(".output");
+        eles.forEach(el => {
+            el.addEventListener("keydown", (e) => {
+                if (!isNaN(e.key)) {
+                    output.textContent += e.key;
+                }
+            })
+            el.addEventListener("keydown", (e) => {
+                console.log(e.key);
+            })
+            el.addEventListener("paste", (e) => {
+                console.log('pasted');
+            })
+        })
+    </script>
+</body>
+</html>