Cronometrando
Descrição:
Objetivo: Criar um cronômetro que pode ser iniciado, pausado, zerado e que exiba o tempo passado de forma destacada.
Instruções:
- Crie uma página HTML com um cronômetro centralizado na tela e três botões abaixo dele: “Iniciar”, “Pausar” e “Zerar”.
- O cronômetro deve começar em 00:00:00 e ser atualizado a cada segundo.
- Use JavaScript para criar um temporizador que comece a contar a partir de zero ao clicar em “Iniciar”.
- O tempo passado deve ser exibido de forma destacada em relação aos botões e deve estar centralizado na tela verticalmente e horizontalmente.
- Ao clicar em “Pausar”, o temporizador deve ser pausado e exibir o tempo passado até o momento.
- Ao clicar novamente em “Iniciar”, o temporizador deve retomar a contagem a partir do ponto onde parou.
- Ao clicar em “Zerar”, o temporizador deve ser reiniciado para zero.
- Certifique-se de que o tempo passado seja claramente visível e possua maior destaque na tela em relação aos botões.
Dica:
- Caso enfrente dificuldade para posicionar o cronômetro na tela, deixe essa parte por último.
Gostou? Não esqueça de avaliar o exercício: