DEV Community

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

View post

Replies for: @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 ...

 
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>