cronometro.js

const relogio = document.querySelector(".relogio");
const displayHora = document.querySelector(".hora");
const displayMinuto = document.querySelector(".minuto");
const displaySegundo = document.querySelector(".segundo");

const iniciar = document.querySelector(".iniciar");
const parar = document.querySelector(".parar");
const zerar = document.querySelector(".zerar");

let isStart = false;
let isPaused = false;
let isClear = false;

let horas = 0;
let minutos = 0;
let segundos = 0;

iniciar.addEventListener("click", () => {
    relogio.style.color = "black";
    isStart = true;
    isClear = false;
    isPaused = false;
});

parar.addEventListener("click", () => {
    relogio.style.color = "red";
    isPaused = true;
    console.log("Parar");
});

zerar.addEventListener("click", () => {
    relogio.style.color = "red";
    isClear = true;
    isStart = false;
    console.log("Zerar");
});

setInterval(() => {
    if (isClear !== false) {
        segundos = 0;
        minutos = 0;
        horas = 0;
        displaySegundo.innerHTML = "00";
        displayMinuto.innerHTML = "00";
        displayHora.innerHTML = "00";
    }
    if (isStart !== false) {
        if (isPaused !== true) {
            const somaSegundos = ++segundos;
            displaySegundo.innerHTML = somaSegundos;
            
            if (somaSegundos == 60 ) {
                displaySegundo.innerHTML = 0;
                const somaMinutos = ++minutos;
                segundos = 0;
                displayMinuto.innerHTML = somaMinutos;
            
                if (somaMinutos == 60) {
                    displayMinuto.innerHTML = 0;
                    const somaHoras = ++horas;
                    minutos = 0;
                    displayHora.innerHTML = somaHoras;
                }
            }
        }
    }
},1000);