Unser Blog: Ihr Kompass im Dschungel der Ernährung

article.category === this.selectedCategory); } if (this.searchQuery) { const query = this.searchQuery.toLowerCase(); filtered = filtered.filter(article => article.title.toLowerCase().includes(query) || article.description.toLowerCase().includes(query) ); } return filtered; }, init() { document.querySelectorAll('.category-button').forEach(button => { button.addEventListener('click', (e) => { this.selectedCategory = e.target.dataset.category; document.querySelectorAll('.category-button').forEach(btn => btn.classList.remove('bg-green-600', 'text-white')); e.target.classList.add('bg-green-600', 'text-white'); }); }); document.getElementById('article-search').addEventListener('input', (e) => { this.searchQuery = e.target.value; }); // Set initial active category button document.querySelector('.category-button[data-category=\"all\"]').classList.add('bg-green-600', 'text-white'); } }" class="grid md:grid-cols-2 lg:grid-cols-3 gap-10">