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{}
})