counter-theme-toggle/script.js at main · itisrajeevsingh/counter-theme-toggle · 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
33
34
35
36
37
const counterValue = document.getElementById("counterValue");
const incrementBtn = document.getElementById("increment");
const decrementBtn = document.getElementById("decrement");
const resetBtn = document.getElementById("reset");
const themeToggle = document.getElementById("themeToggle");

let count = 0;

// Update UI
function updateCounter() {
  counterValue.textContent = count;
}

// Increment
incrementBtn.addEventListener("click", () => {
  count++;
  updateCounter();
});

// Decrement (prevent negative)
decrementBtn.addEventListener("click", () => {
  if (count > 0) {
    count--;
    updateCounter();
  }
});

// Reset
resetBtn.addEventListener("click", () => {
  count = 0;
  updateCounter();
});

// Theme Toggle
themeToggle.addEventListener("click", () => {
  document.body.classList.toggle("dark");
});