2
respostas

Dúvida sobre o desafio

Bom dia. Montei o desafio, mas os ícones de play e pause somem depois que clico em Começar, o texto troca para Pausar, mas os ícones somem durante a contagem. Quando atualizo a página, volta a palavra Começar com a seta. Alguém poderia me ajudar?

Abaixo o código criado:

const iniciarOuPausarIcone = document.querySelector ('.app__card-primary-butto-icon');

function iniciarOuPausar () {
    if (intervaloId) {
        audioPausar.play ();
        zerar();
        return; }
    audioIniciar.play ();    
    intervaloId = setInterval (contagemRegressiva, 1000);
    iniciarOuPausarIcone.setAttribute ('src', './imagens/pause.png');
    iniciarOuPausarBt.textContent = 'Pausar';
    }

function zerar () {
    clearInterval (intervaloId);
    intervaloId = null;
    iniciarOuPausarIcone.setAttribute ('src', './imagens/play_arrow.png');
    iniciarOuPausarBt.textContent = 'Começar';
    }
2 respostas

Oi, Rogério. Tudo bem?

Eu testei o seu código e parece que está funcionando corretamente (precisei ajustar o nome de algumas variáveis para que ficasse igual ao do projeto do curso, somente). Pode ser que o que esta causando o problema esteja em algum outro ponto do código. Poderia me enviar o código inteiro, por favor? Pode ser pelo github se você possuir ele em um repositório.

Fico no aguardo e à disposição

Boa tarde Mike. Estou bem sim e espero que você também esteja! Muitíssimo obrigado pela disposição em ajudar. Mas, por acaso eu encontrei o erro. Na variável criada para o botão, que não aparece no pedaço de código que enviei, eu não havia inserido a informação SPAN.

Estava desta forma: const iniciarOuPausarBt = document.querySelector ('#start-pause');

Depois que coloquei ('#start-pause span), funcionou.

Valeu mesmo. Forte abraço e obrigado novamente.