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>