tech..tutorial/inc.js at master · Tonystark121/tech..tutorial · 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
32
(function (){
    const buttons = document.querySelectorAll('.btn');
    const value = document.querySelector('.num');
    let count = 0;

    buttons.forEach(function (btn) {
        btn.addEventListener('click', function(){
            if(btn.classList.contains('btn-dec')){
                count--;
            }

            if(btn.classList.contains('btn-inc')){
                count++;
            }

            value.textContent = count;

            if(count<0){
                value.style.color = 'red';
            }
            if(count>0){
                value.style.color='green';
            }

            if(ct===0){
                value.style.color = 'black';
            }
        })

    })

})();