Realizo un proyecto de sitio web donde tengo que filtrar los valores a sus respectivas categorías, por favor si alguien sabe.... muchas garacias! Aquí el filtro de búsqueda con un solo elemento que es el primer select box! /FILTRO DE BÚSQUEDA*** */
function filtradoSearch() {
const optionTabs = document.querySelectorAll(".option");
const filterProducts = document.querySelectorAll(".card");
for (i = 0; i < optionTabs.length; i++) {
optionTabs[i].addEventListener("click", (e) => {
e.preventDefault();
const filter = e.target.dataset.filter;
console.log(filter);
filterProducts.forEach((properties) => {
if (filter == "all") {
properties.style.opacity = "1";
properties.style.visibility = "visible";
} else if (properties.classList.contains(filter)) {
properties.style.opacity = "1";
properties.style.visibility = "visible";
properties.style.order = "-1";
} else {
properties.style.opacity = "0";
properties.style.visibility = "hidden";
}
});
});
}