Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

[Sugestão] Minha solução pro exercício

A minha solução foi criar dois botões pro usuário trocar a cor do robo, confesso que quebrei um pouco a cabeça pra resolver do jeito que pensei porque eu achava que um único addEventListener serviria para dois botões que tivessem o mesmo data attribute, mas só um funcionava rsrsrs, depois que fui descobrir como resolver e segue aqui o código pra quem tiver a mesma dúvida talvez.

Imagem Robotron

var botaoCor = document.querySelectorAll("[data-botaoSetaCor]");
var imagemRobo = document.querySelector("[data-imagemRobo]");
var cores = ['robotron.png','robotronAmarelo.png', 'robotronBranco.png', 'robotronRosa.png', 'robotronPreto.png', 'robotronVermelho.png'];
var index = 0;


function mudarCor(evento){
    index++;
    imagemRobo.src = `./img/${cores[index%cores.length]}`;
};

for(var i=0;i<botaoCor.length;i++) {
    var botao = botaoCor[i];        
    botao.addEventListener("click", mudarCor);
}
1 resposta
solução!

Oi Giovanna, tudo bem?

Adorei muito a sua solução! Parabéns por praticar e muito obrigada por compartilhar com a gente o seu código. :D

Com certeza vai ajudar quem não conseguiu fazer esse desafio.

Continue os bons estudos.

Um abraço.