app.js

// set initial count
let count = 0

// select value and buttons
const value = document.querySelector("#value")
const btns = document.querySelectorAll(".btn")

// console.log(btns)
btns.forEach(function (btn) {
    btn.addEventListener("click", function (e) {
        // console.log(e.currentTarget.classList)
        const styles = e.currentTarget.classList
        if (styles.contains("decrease")) {
            count--
        }
        else if (styles.contains("increase")) {
            count++
        }
        else if (styles.contains("reset")) {
            count = 0
        }
        if (count > 0) {
            value.style.color = "peru"
        }
        if (count < 0) {
            value.style.color = "red"
        }
        if (count === 0) {
            value.style.color = "#222"
        }
        value.textContent = count
    })
})