Resolução do desafio | JavaScript: manipulando elementos no DOM

Solucionado (ver solução)

Solucionado
(ver solução)

3
respostas

por Daniel Mendonça moutinho

| 95.5k xp | 9 posts

Estou postando o meu resultado, porque não sei se é o correto, mas funcionou na minha pagina.

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

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

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

3 respostas

solução!

por Lorena Garcia

| 8352.9k xp | 12213 posts

Alura Scuba Team Suporte Educacional

18/10/2023

Oi Daniel, tudo bem?

A solução que você apresentou está correta! Você utilizou o método textContent para alterar o texto do botão, o que é uma ótima escolha. Além disso, você também utilizou o método setAttribute para alterar o atributo src da imagem do botão, o que permite alternar entre as imagens de "play" e "pause".

Parabéns!

Um abraço e bons estudos.

por André Gonçalves

| 68.9k xp | 7 posts

27/10/2023

Fiz exatamente desse jeito no exercício mas não funciona.


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

function iniciarOuPausar() {
    if(intervaloId){
        zerar();
        audioPause.play();
        return;
    };
    audioPlay.play();
    intervaloId = setInterval(contagemRegressiva, 1000);
    iniciarOuPausarBt.textContent = "Pausar"
    iniciarOuPausarBtIcone.setAttribute('scr', `./imagens/pause.png`);
}

function zerar(){
    clearInterval(intervaloId);
    iniciarOuPausarBt.textContent = "Começar"
    iniciarOuPausarBtIcone.setAttribute('scr', './imagens/play_arrow.png');
    intervaloId = null;
}

por André Gonçalves

| 68.9k xp | 7 posts

27/10/2023

Já encontrei o erro, no setAttribute o método esta como 'scr' mas na verdade é 'src' . Foi erro de digitação :P. Podem desconsiderar a pergunta.