1
resposta

[Projeto] Minha resolução

Criei uma classe chamada "robo" no HTML para poder referenciar. Além disso, criei dois botões, que nomeei como "botaoDireito" e "botaoEsquerdo". Como quando "i" era menor que zero, eu não conseguia puxar o link das cores dos robôs, coloquei um "if" que chama o código do robô azul.

No JS

const personagem= document.querySelector(".robo")

const cor= [ "robot_azul.png" , "robot_rosa.png","robot_amarelo.png", "robot_preto.png", "robot_vermelho.png","robot_branco.png"];
let i = 0 

botaoDireito= document.querySelector(".botao-direito").addEventListener('click',()=>{
  i++
  personagem.src = `img/personagem/${cor[i%cor.length]}`
})
botaoEsquerdo= document.querySelector(".botao-esquerdo").addEventListener('click',()=>{
    i--
    personagem.src = `img/personagem/${cor[i%cor.length]}`
    if( i < 0 ){
        personagem.src = `img/personagem/robot_azul.png`
}
    else{}
  })
1 resposta

Oi Lucas, tudo bem?

Muito boa a sua solução, gostei que você contou como foi a construção da sua lógica! Muito obrigada :D

Continue os bons estudos.

Um abraço.