tkritsu4/techtube-tutorials

1document.addEventListener('DOMContentLoaded', function() {2    // Mobile category dropdown functionality3    const mobileCategoryBtn = document.querySelector('.md\\:hidden');4    const categoryTabs = document.querySelector('.overflow-x-auto');5    6    if (mobileCategoryBtn) {7        mobileCategoryBtn.addEventListener('click', function() {8            categoryTabs.classList.toggle('hidden');9        });10    }11    12    // Simulate loading tutorials (in a real app, this would be an API call)13    function loadMoreTutorials() {14        // This would be replaced with actual API call15        console.log('Loading more tutorials...');16    }17    18    // Infinite scroll (simplified)19    window.addEventListener('scroll', function() {20        if ((window.innerHeight + window.scrollY) >= document.body.offsetHeight - 500) {21            loadMoreTutorials();22        }23    });24    25    // Search functionality (simplified)26    const searchInput = document.querySelector('input[type="text"]');27    const searchBtn = document.querySelector('.absolute.right-3');28    29    function performSearch() {30        const query = searchInput.value.trim();31        if (query) {32            console.log(`Searching for: ${query}`);33            // In a real app, this would trigger an API call or filtering34        }35    }36    37    if (searchBtn) {38        searchBtn.addEventListener('click', performSearch);39    }40    41    if (searchInput) {42        searchInput.addEventListener('keypress', function(e) {43            if (e.key === 'Enter') {44                performSearch();45            }46        });47    }48});