const filterButtons = document.querySelectorAll(".filter-buttons button");
const filterableCards = document.querySelectorAll(".filterable-cards .cardd");
const filterCards = e =>{
document.querySelector(".active").classList.remove("active");
e.target.classList.add("active");
filterableCards.forEach(cardd =>{
cardd.classList.add("hide");
if(cardd.dataset.name === e.target.dataset.name || e.target.dataset.name === "all" ){
cardd.classList.remove("hide");
}
});
};
filterButtons.forEach(button => button.addEventListener("click",filterCards));