Create Recognizing key presses

2021-09-24 12:34:51 -04:00
parent 646464b7c3
commit 0959cab26d
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("keyup", (e) => {
+                console.log(e.key);
+            })
+            el.addEventListener("paste", (e) => {
+                console.log('pasted');
+            })
+        })
+    </script>
+</body>
+</html>