pomodoro.js

let focusBtn = document.getElementById("focus");
let shortBreakBtn = document.getElementById("shortbreak");
let longBreakBtn = document.getElementById("longbreak");
let startButton = document.getElementById("btn-start");
let resetButton = document.getElementById("btn-reset");
let pauseButton = document.getElementById("btn-pause");
let timeDisplay = document.getElementById("time");
let allButtons = document.querySelectorAll(".btn");

let activeMode = "focus";
let seconds = 59;
let minutes = 24;
let timerRunning = false;
let timer;

timeDisplay.textContent = (minutes + 1) + ":00";

function addZero(num) {
  return num < 10 ? "0" + num : num;
}

function clearButtonStyles() {
  allButtons.forEach((btn) => btn.classList.remove("btn-focus"));
}

function resetTimer() {
  stopTimer();
  resetButton.classList.remove("show"); 
  if (activeMode === "long") {
    minutes = 14;
  } else if (activeMode === "short") {
    minutes = 4;
  } else {
    minutes = 24;
  }
  seconds = 59;
  timeDisplay.textContent = addZero(minutes + 1) + ":00";
}

resetButton.addEventListener("click", resetTimer);

focusBtn.addEventListener("click", function () {
  activeMode = "focus";
  clearButtonStyles();
  focusBtn.classList.add("btn-focus");
  resetTimer();
});

shortBreakBtn.addEventListener("click", function () {
  activeMode = "short";
  clearButtonStyles();
  shortBreakBtn.classList.add("btn-focus");
  resetTimer();
});

longBreakBtn.addEventListener("click", function () {
  activeMode = "long";
  clearButtonStyles();
  longBreakBtn.classList.add("btn-focus");
  resetTimer();
});

function stopTimer() {
  clearInterval(timer);
  timerRunning = false;
  startButton.classList.remove("hide");
}

pauseButton.addEventListener("click", stopTimer);

startButton.addEventListener("click", function () {
  if (!timerRunning) {
    timerRunning = true;
    startButton.classList.add("hide");
    resetButton.classList.add("show"); 

    timer = setInterval(function () {
      timeDisplay.textContent = addZero(minutes) + ":" + addZero(seconds);

      if (seconds === 0) {
        if (minutes !== 0) {
          minutes--;
          seconds = 59;
        } else {
          clearInterval(timer);
          timerRunning = false;
        }
      } else {
        seconds--;
      }
    }, 1000);
  }
});