Minha solução para trocar as cores do robo!

Consegui fazer o desafio! Para praticar o data-set eu quis usar ele invés de outro método (como o onclick) para poder mudar a cor do robô e consegui fazer! O meu código ficou assim no HTML:

        <section class="cores">
            <button class="cores__botoes" data-cor="azul">azul</button>
            <button class="cores__botoes" data-cor="amarelo">amarelo</button>
            <button class="cores__botoes" data-cor="branco">branco</button>
            <button class="cores__botoes" data-cor="preto">preto</button>
            <button class="cores__botoes" data-cor="rosa">rosa</button>
            <button class="cores__botoes" data-cor="vermelho">vermelho</button>
        </section>

E assim no JS:

    const coresBotoes = document.querySelectorAll("[data-cor]")

    coresBotoes.forEach((elemento) => {
        elemento.addEventListener('click', (event) => {
            const cor = event.target.dataset.cor
            document.querySelector(".robo").src = "img/robos/" + cor + ".png"
        })
    })

Só falta eu estilizar os botões com CSS!