CARLOSPAIVA: Cursos

// Crie uma div para exibir o contador e os botões var divPomodoro = document.createElement('div'); divPomodoro.setAttribute('id', 'pomodoro'); // Crie um elemento para exibir o contador var contador = document.createElement('p'); contador.setAttribute('id', 'contador'); contador.innerHTML = '25:00'; // Crie um botão de iniciar var btnIniciar = document.createElement('button'); btnIniciar.setAttribute('id', 'iniciar'); btnIniciar.innerHTML = 'Iniciar'; // Crie um botão de parar var btnParar = document.createElement('button'); btnParar.setAttribute('id', 'parar'); btnParar.innerHTML = 'Parar'; // Adicione o contador e os botões à div divPomodoro.appendChild(contador); divPomodoro.appendChild(btnIniciar); divPomodoro.appendChild(btnParar); // Adicione a div do Pomodoro ao elemento body do documento document.body.appendChild(divPomodoro); // Variáveis de controle var tempoInicial = 25 * 60; // 25 minutos em segundos var tempoRestante = tempoInicial; var temporizador; // Função para atualizar o contador function atualizarContador() { var minutos = Math.floor(tempoRestante / 60); var segundos = tempoRestante % 60; // Adicione um zero à esquerda se os minutos ou segundos forem menores que 10 var minutosFormatados = minutos < 10 ? '0' + minutos : minutos; var segundosFormatados = segundos < 10 ? '0' + segundos : segundos; // Atualize o texto do contador contador.innerHTML = minutosFormatados + ':' + segundosFormatados; } // Função para iniciar o contador function iniciarContador() { btnIniciar.disabled = true; btnParar.disabled = false; temporizador = setInterval(function() { if (tempoRestante > 0) { tempoRestante--; atualizarContador(); } else { pararContador(); alert('Pomodoro concluído!'); } }, 1000); } // Função para parar o contador function pararContador() { clearInterval(temporizador); btnIniciar.disabled = false; btnParar.disabled = true; tempoRestante = tempoInicial; atualizarContador(); } // Adicione os manipuladores de eventos aos botões btnIniciar.addEventListener('click', iniciarContador); btnParar.addEventListener('click', pararContador);

Cursos

Embreve

Nenhum comentário:

Postar um comentário

Contact form

Link List