Olá a todos. Segue minha resolução do projeto, aceito ideias de melhorias. Estarei postando as alterações que fiz no código principal:
- HTML:
<button onclick="escondeTintas(this)">Limpar Catálogo</button>
- CSS:
[cor="branco"] {
color: white;
background-color: #000; /*a falta de visualização estava me incomodando*/
}
- JS:
const cor = document.querySelectorAll("[cor]");
function escondeTintas(){
cor.forEach((elemento)=>{
elemento.style.visibility = 'hidden';
})
}
function mostraTintas(){
cor.forEach((elemento)=>{
elemento.style.visibility = 'visible';
})
}