[Dúvida] Como fazer com buscar roupas

const localCor = document.querySelectorAll("[local]");
const tipoCor = document.querySelectorAll("[tipo]");

localCor.forEach( (elemento) =>{
    elemento.addEventListener("click", (evento)=> {
        cor = evento.target.getAttribute('local')
        verCores(cor)
    })
});

function verCores(padrao){
    for (var i = 0; i < tipoCor.length; i++){
        atual = tipoCor[i].getAttribute('tipo')
        if (padrao === atual){
            tipoCor[i].style.visibility = "visible"
        } else if (padrao != atual){
            tipoCor[i].style.display = "none"
        }

    }
};

https://youtu.be/fpSMhySncd8

oie, boa noite, eu tive um desafio pra fazer com a webjump e não pude fazer a parte de javascript agoraeu estava vendo aqui e fazer a parte de visualizar eu fiz, falta a parte de voltar ao normal, alguem me ajuda? Não consigo ver uma saida

pra quem tiver interessado a parte todas esta no meu github https://github.com/Yarabaccule/Wejump

const localCor = document.querySelectorAll("[local]") const tipoCor = document.querySelectorAll("[tipo]") localCor.forEach( (elemento) =>{ elemento.addEventListener("click", (evento)=> { cor = evento.target.getAttribute('local') verCores(cor) }) }) function verCores(padrao){ for (var i = 0; i < tipoCor.length; i++){ atual = tipoCor[i].getAttribute('tipo') if (padrao === atual){ tipoCor[i].style.display = "block" } else if (padrao != atual){ tipoCor[i].style.display = "none" } botaoVoltar(tipoCor[i]) } } function botaoVoltar(cores){ botao = document.getElementById('menu') botao.addEventListener("click", ()=>{ cores.style.display = "block" }) }