modern-javascript-deep-dive/hi.html at main · devopenlibrary/modern-javascript-deep-dive · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
<!DOCTYPE html>
<html>
   <meta charset="UTF-8">
   <title>Javascript in browser</title>
   <body>
    <h1>Counter</h1>
    <div id="counter">0</div>
    <button id="increment">+</button>
    <button id="decrement">-</button>
    <script>
        let count = 0;
        const counterDiv = document.getElementById('wrong-counter');
        const incrementButton = document.getElementById('increment');
        const decrementButton = document.getElementById('decrement');

        const render = ()=>{
            counterDiv.innerHTML = count;
        }

        incrementButton.addEventListener('click', () => {
            count++;
            render()
        });

        decrementButton.addEventListener('click', () => {
            count--;
            render();
        });
    </script>
    </body>
</html>