script.js

const start = document.getElementById('start');
const reset = document.getElementById('reset');
const pause = document.getElementById('pause'); 
const h = document.getElementById("hour");
const m = document.getElementById("minute");
const s = document.getElementById("sec");
const lap = document.getElementById('lap');
const lapsList = document.getElementById('laps-list');

let lapCount = 0;
let startTimer = null;
let isPaused = false; 

start.addEventListener('click', function() {
    if (startTimer !== null || isPaused) return;

    validateInputs(); 
    startTimer = setInterval(timer, 1000);
});



reset.addEventListener('click', function() {
    h.value = "00";
    m.value = "00";
    s.value = "00";
    stopInterval();
    isPaused = false;
    pause.innerHTML = "Pause";
    lapsList.innerHTML = ""; 
    lapCount = 0;
});


function formatTime(value) {
    return (value < 10 ? "0" + value : value);
}

function validateInputs() {
    let hours = Number(h.value);
    let minutes = Number(m.value);
    let seconds = Number(s.value);

    if (seconds >= 60) {
        minutes += Math.floor(seconds / 60);
        seconds = seconds % 60;
    }

    if (minutes >= 60) {
        hours += Math.floor(minutes / 60);
        minutes = minutes % 60;
    }

    h.value = hours;
    m.value = minutes;
    s.value = seconds;
}

function timer() {
    if (h.value == 0 && m.value == 0 && s.value == 0) {
        stopInterval();
        alert("Time's up!");
    } else if (s.value != 0) {
        s.value--;
    } else if (m.value != 0 && s.value == 0) {
        s.value = 59;
        m.value--;
    } else if (h.value != 0 && m.value == 0) {
        m.value = 59;
        h.value--;
    }

    h.value = formatTime(Number(h.value));
    m.value = formatTime(Number(m.value));
    s.value = formatTime(Number(s.value));
}

function stopInterval() {
    clearInterval(startTimer);
    startTimer = null;
}




pause.addEventListener('click', function() {
    if (isPaused) {
        startTimer = setInterval(timer, 1000);
        pause.innerHTML = "Pause";
    } else {
        clearInterval(startTimer);
        startTimer = null;
        pause.innerHTML = "Resume";
    }

    isPaused = !isPaused;  
});




lap.addEventListener('click', function() {
    if (startTimer === null && !isPaused) return; 

    lapCount++;
    const currentLap = document.createElement('li');
    currentLap.textContent = `Lap ${lapCount}: ${formatTime(Number(h.value))}:${formatTime(Number(m.value))}:${formatTime(Number(s.value))}`;
    lapsList.appendChild(currentLap);
});