Práitica de lógica de programação do curso da Alura através deste desafio de um aplicativo de timer pomodoro.
- Timer regressivo para foco, descanso curto e descanso longo
- Utilização de audio para concentração
- Uso de formatação dos minutos e segundos utilizando
toLocaleString(undefined, {minute: '2-digit',second: '2-digit'})
- Utilização de
localStorage()
para armazenamento das tarefas - Evento de concluir tarefa ao término do tempo através da função
var event = new CustomEvent()
Javascript, HTML, CSS...
function mostrarTempo() {
let tempo = new Date(tempoDecorrido * 1000); // para milisegundos;
let tempoFormatado = tempo.toLocaleString(undefined, {
minute: "2-digit",
second: "2-digit",
});
tempoNaTela.innerHTML = tempoFormatado;
}
Projeto do Design Fokus no Figma: Link