Realizei todos as modificações para fazer o botão mudar para verde quando termina o tempo, mas o aviso alerta não está aparecendo. Está tudo correto aparentemente. A única alteração ocorreu no valor do timer, que foi diminuído.
let liTarefaSelecionada = null
/.......
li.onclick = () => {
document.querySelectorAll('.app__section-task-list-item-active')
.forEach(elemento => {
elemento.classList.remove('app__section-task-list-item-active')
})
if (tarefaSelecionada == tarefa){
paragrafoDescricaoTarefa.textContent = ''
tarefaSelecionada = null
liTarefaSelecionada = null
return
}
tarefaSelecionada = tarefa
liTarefaSelecionada = li
paragrafoDescricaoTarefa.textContent = tarefa.descricao
li.classList.add('app__section-task-list-item-active')
};
/......
document.addEventListener('FocoFinalizado', () => {
if (tarefaSelecionada && liTarefaSelecionada){
liTarefaSelecionada.classList.remove('app__section-task-list-item-active')
liTarefaSelecionada.classList.add('app__section-task-list-item-complete')
liTarefaSelecionada.querySelector('button').setAttribute('disabled', 'disabled')
}
})
const contagemRegressiva = () => {
if(tempoDecorridoEmSegundos <= 0){
audioTempoFinalizafo.play()
beep.play()
alert('Tempo Finalizado')
const focoAtivo = html.getAttribute('data-contexto') == 'Foco'
if (focoAtivo){
const evento = new CustomEvent('FocoFinalizado')
document.dispatchEvent(evento)
}
zerar()
//tempoDecorridoEmSegundos = 5
return
}
tempoDecorridoEmSegundos -= 1
mostrarTempo()