DEV Community

Discussion on: How to read, add and clear an input field?

 
devdrake0 profile image
Si

Technically, you can do whatever you want. But, you'll probably get more responses if you make new threads for specific questions.

Thread Thread
 
graaffrik profile image
Rik de Graaff • Edited

@devdrake0 :

And how do I add the first and de second node.value?
So that if I first type 3 and at the second time type 5, it displays 8 instead of 35?

Thread Thread
 
devdrake0 profile image
Si • Edited

You could do something like this....

Note: This is a quick solution. There's duplication and no error handling, and is only for demonstration purposes :)

<head>
</head>
<body>
        <div id="app">0</div>
        <input type="text" id="test" />
        <script>
                const node = document.getElementById("test");
                node.addEventListener("keyup", function(event) {
                        if (event.key === "Enter") {
                                let current = document.getElementById("app").innerHTML

                                document.getElementById("app").innerHTML = parseInt(current) + parseInt(node.value)

                                node.value = ""
                        }
                });
        </script>
</body>