javascript-basic-projects/2-counter/final/app.js at master · blackpython69/javascript-basic-projects · GitHub

Repository navigation

29 lines (27 loc) · 669 Bytes

// set inital value to zero

let count = 0;

// select value and buttons

const value = document.querySelector("#value");

const btns = document.querySelectorAll(".btn");

btns.forEach(function (btn) {

btn.addEventListener("click", function (e) {

const styles = e.currentTarget.classList;

if (styles.contains("decrease")) {

count--;

} else if (styles.contains("increase")) {

count++;

} else {

count = 0;

}

if (count > 0) {

value.style.color = "green";

}

if (count < 0) {

value.style.color = "red";

}

if (count === 0) {

value.style.color = "#222";

}

value.textContent = count;

});