Files
webprogrammierung/js/filter.js
T
2026-06-17 19:30:11 +02:00

29 lines
914 B
JavaScript

function initFilter() {
const filterSelect = document.getElementById('category-filter');
const listContainer = document.querySelector('.s-res-list');
if (!filterSelect || !listContainer) return;
filterSelect.addEventListener('change', function() {
const selectedCategory = this.value.toLowerCase();
const cards = listContainer.querySelectorAll('.s-res-item');
cards.forEach(card => {
const cardCategory = card.getAttribute('data-category') || '';
if (selectedCategory === 'all' || cardCategory === selectedCategory) {
card.style.display = 'flex';
} else {
card.style.display = 'none';
}
});
});
}
// ist das DOM bereits vollständig aufgebaut?
if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', initFilter);
} else {
initFilter();
}