document.querySelectorAll('.filter-button').forEach(button => {
button.addEventListener('click', function () {
const filterValue = this.getAttribute('data-filter');
const filterItems = document.querySelectorAll('.filter-item');
filterItems.forEach(item => {
item.style.display = (filterValue === '*' || item.classList.contains(filterValue.slice(1))) ? 'block' : 'none';
});
});
});
