Fiz desse jeito, não se foi a melhor forma de resolver mas tentei.
JS
let imgAtual = 0;
let imgs = [
'img/robotron.png',
'img/robotron-yellow.png',
'img/robotron-blue.png',
'img/robotron-pink.png',
'img/robotron-white.png'
]
robotron.onclick = function () {
if (imgAtual === imgs.length) {
imgAtual = 0;
} else {
document.querySelector("#robotron").src = imgs[imgAtual];
imgAtual++;
}
}
CSS
.robo {
height: 110%;
z-index: 1;
position: absolute;
left: -20%;
top: -5%;
cursor: pointer;
}
