Entrar Ainda não tem acesso?
1
resposta

[Dúvida] Não consigo encontrar o erro na resolução do desafio

Referente ao curso JavaScript: manipulando elementos no DOM, no capítulo Finalizando o projeto e atividade Alternando texto com textContent

por Igor Gonçalves Pereira Guimarães
| 25.5k xp | 21 posts

As imagens não aparecem ao clicar no botão. Aqui o código:

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

function startPause() {
    if (intervaloId){
        pauseSound.play()
        zerar()
        return
    }
    imgPlayPause.setAttribute('src', './imagens/pause.png')
    playSound.play()
    intervaloId = setInterval(contagemRegressiva, 1000)
    startPauseBt.textContent = "Pausar"
}

function zerar() {
    clearInterval(intervaloId)
    startPauseBt.textContent = "Começar"
    intervaloId = null
    imgPlayPause.setAttribute('src', './imagens/play_arrow.png')
}
1 resposta
por Mayza Ynara Mendes Rodrigues
| 38.3k xp | 21 posts
Desenvolvedora Front end

Ola, promeiramente certifique-se de que a classe fornecida está correta e que realmente se refere à imagem que você deseja manipular. Além disso, para lidar com eventos de clique, é importante adicionar um listener de evento ao elemento que você deseja monitorar.Por exemplo :

const startPauseBt = document.querySelector('.seu-botao-classe'); 

startPauseBt.addEventListener('click', startPause);

Espero que isso ajude! Se você tiver mais perguntas ou precisar de mais ajuda, fique à vontade para perguntar. Bons estudos

https://www.linkedin.com/in/mayza-ynara-mendes-rodrigues/