Entrar Ainda não tem acesso?
Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

[Dúvida] A minha imagem do Robotron não esta trocando

Referente ao curso JavaScript: manipulando o DOM, no capítulo Calculando o poder e atividade Consolidando o seu conhecimento

por Mateus Sampaio Correia
| 37.8k xp | 4 posts

HTML

<section class="robotron">
            <img class="robo" id="robotron" src="img/robotron.png" alt="Robotron">
            <button onclick="mudarImagem ()">Cor Robotron</button>
            <figcaption class="titulo">ROBOTRON <br>2000</figcaption>
        </section>

JS

var imagens = ["img/Robotron 2000 - Amarelo.png", "img/ Robotron 2000 - Azul.png", "img/Robotron 2000 - Branco.png", "img/Robotron 2000 - Preto.png", "img/Robotron 2000 - Rosa.png", "img/Robotron 2000 - Vermelho.png"];
var indice = 0;

function mudarImagem () {
    var img = document.getElementById("robotron");
    indice = (indice + 1) % imagens.length;
    img.src = imagens[indice];
    }
1 resposta
solução!
por Renan Lima
| 3708.1k xp | 7842 posts
Alura Scuba Team Apoio Educacional - Alura

Olá Mateus,

Pelo código que você postou, parece que você está tentando trocar a imagem do Robotron ao clicar no botão "Cor Robotron". No entanto, você mencionou que a imagem não está trocando.

Verifique se as imagens que você está tentando trocar estão no caminho correto. Certifique-se de que não há erros de digitação no nome do arquivo ou na extensão.

Além disso, verifique se o seu código JS está sendo chamado corretamente. Você pode usar o console do navegador para verificar se há erros no seu código.

Uma dica é adicionar um console.log() dentro da função mudarImagem() para verificar se ela está sendo chamada quando você clica no botão.

Por exemplo:

function mudarImagem () {
    console.log("Função mudarImagem() chamada");
    var img = document.getElementById("robotron");
    indice = (indice + 1) % imagens.length;
    img.src = imagens[indice];
}

Espero ter ajudado e bons estudos!