diff --git a/02-counter/setup/app.js b/02-counter/setup/app.js index e69de29b..de7808fc 100644 --- a/02-counter/setup/app.js +++ b/02-counter/setup/app.js @@ -0,0 +1,28 @@ +// Modifies by Aachman +let count = 0; +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; + }); +}); diff --git a/02-counter/setup/index.html b/02-counter/setup/index.html index 879bb3cc..63c03486 100644 --- a/02-counter/setup/index.html +++ b/02-counter/setup/index.html @@ -3,7 +3,7 @@
-