Então, eu fiz da seguinte forma:
let lista = document.querySelector(".lista");
document.querySelector("[data-controle]").addEventListener("click", () => {
if(lista.hidden === false) {
lista.hidden = true;
} else {
lista.hidden = false;
}
});
porém, eu não consigo imaginar como eu pegaria cada elemento dentro da lista de cores para deixar invisível um de cada vez, eu não sei se eu não entendi o objetivo do desafio ou se eu não entendi o data-attributes, se alguém puder me explicar, afinal nos exemplos que vi não vi nenhum fazendo como eu disse aqui e com o código do instrutor eu também não consegui fazer.
