script.js

let timer;
let time = 0;
let isRunning = false;
let mode = "stopwatch";
let savedTimers = JSON.parse(localStorage.getItem("savedTimers")) || [];

const display = document.getElementById("timerDisplay");
const startBtn = document.getElementById("startBtn");
const stopBtn = document.getElementById("stopBtn");
const resetBtn = document.getElementById("resetBtn");
const stopwatchBtn = document.getElementById("stopwatchBtn");
const countdownBtn = document.getElementById("countdownBtn");
const saveBtn = document.getElementById("saveBtn");
const labelInput = document.getElementById("labelInput");
const showSavedBtn = document.getElementById("showSavedBtn");
const savedScreen = document.getElementById("savedTimersScreen");
const closeSavedBtn = document.getElementById("closeSavedBtn");
const savedList = document.getElementById("savedTimersList");
const beep = document.getElementById("beepSound");

function updateDisplay() {
  const hours = String(Math.floor(time / 3600)).padStart(2, "0");
  const minutes = String(Math.floor((time % 3600) / 60)).padStart(2, "0");
  const seconds = String(time % 60).padStart(2, "0");
  display.textContent = `${hours}:${minutes}:${seconds}`;
}

function tick() {
  if (mode === "stopwatch") {
    time++;
  } else if (mode === "countdown") {
    if (time > 0) {
      time--;
      if (time === 0) beep.play();
    }
  }
  updateDisplay();
}

startBtn.onclick = () => {
  if (!isRunning) {
    isRunning = true;
    timer = setInterval(tick, 1000);
  }
};

stopBtn.onclick = () => {
  isRunning = false;
  clearInterval(timer);
};

resetBtn.onclick = () => {
  isRunning = false;
  clearInterval(timer);
  time = mode === "countdown" ? prompt("Set countdown seconds:") || 0 : 0;
  updateDisplay();
};

stopwatchBtn.onclick = () => {
  mode = "stopwatch";
  time = 0;
  updateDisplay();
};

countdownBtn.onclick = () => {
  mode = "countdown";
  time = parseInt(prompt("Enter countdown in seconds:"), 10) || 0;
  updateDisplay();
};

saveBtn.onclick = () => {
  if (savedTimers.length >= 6) {
    alert("Max 6 timers saved.");
    return;
  }
  const label = labelInput.value.trim();
  if (label) {
    savedTimers.push({ label, type: mode, time });
    localStorage.setItem("savedTimers", JSON.stringify(savedTimers));
    labelInput.value = "";
  }
};

showSavedBtn.onclick = () => {
  savedList.innerHTML = "";
  savedTimers.forEach((t, i) => {
    const li = document.createElement("li");
    li.textContent = `${t.label} (${t.type}) - ${t.time}s`;
    savedList.appendChild(li);
  });
  savedScreen.classList.remove("hidden");
};

closeSavedBtn.onclick = () => {
  savedScreen.classList.add("hidden");
};

updateDisplay();