Simple Counter Using Javascript

HTML code

<div style='text-align:center;'>

<button class="btn decrease">Decrease</button>

<button class="btn reset">Reset</button>

<button class="btn increase">Increase</button>

</div>

<div id="counter" style='text-align:center;font-size:30px;'>

0

</div>

JS Code

let btns = document.querySelectorAll('.btn');
let counter = document.getElementById('counter');
let count = 0;

btns.forEach(function(btn){
btn.addEventListener('click', function(event){
 let target = event.target.classList;
 if(target.contains('decrease')){
 count--;
 } else if(target.contains('increase')){
 count++;
 } else {
 count = 0;
 }
 if(count < 0){
 counter.style.color = 'red';
 }
 if(count > 0){
 counter.style.color = 'green';
 }
 if(count == 0){
 counter.style.color = '#222';
 }
 counter.textContent = count;
});
});