1
resposta

Minha Solução usando só JS

Bom, quase só JS rsrsrsrs no HTML adicionei um data-imagemDoRobo:

<img class="robo" data-imagemDoRobo src="img/cores/Robotron 2000 - Amarelo.png" alt="Robotron">

E o resto fiz em JS, criei uma array com o nome das imagens, e fiz um contador para percorrer os índices deste array. Na exibição, peguei o resto da divisão do indice pelo tamanho do vetor (o que resulta em um valor que retorna ao 0 quando percorreu todos os indices)

const imagemRobo = document.querySelector('[data-imagemDoRobo]');

const cores = ['Robotron 2000 - Amarelo.png', 'Robotron 2000 - Azul.png', 'Robotron 2000 - Branco.png', 'Robotron 2000 - Preto.png', 'Robotron 2000 - Rosa.png', 'Robotron 2000 - Vermelho.png']
let indice = 0

imagemRobo.addEventListener('click', () => {
    indice++
    imagemRobo.src = `img/cores/${cores[indice%cores.length]}`
})
1 resposta

o cara é brabo