cleanup

2021-11-25 19:56:50 +05:30
parent fe2151e0d0
commit 4c3006ebb2
1 changed files with 0 additions and 42 deletions
@@ -1,42 +0,0 @@
 <!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>