'; loadMoreContainer.style.display = 'none'; return; } itemsToShow.forEach((company, index) => { const card = document.createElement('div'); card.className = 'company-card'; card.style.animationDelay = `${index * 50}ms`; card.innerHTML = ` Visit Careers `; companiesGrid.appendChild(card); }); // Show or hide the "Load More" button if (itemsToShow.length >= currentFilteredData.length) { loadMoreBtn.style.display = 'none'; } else { loadMoreBtn.style.display = 'block'; } } function filterAndDisplay() { const searchTerm = searchInput.value.toLowerCase(); const selectedCountry = countryFilter.value; const selectedIndustry = industryFilter.value; currentFilteredData = companiesData.filter(company => { const matchesSearch = company.name.toLowerCase().includes(searchTerm); const matchesCountry = selectedCountry === 'All' || company.country === selectedCountry; const matchesIndustry = selectedIndustry === 'All' || company.industry === selectedIndustry; return matchesSearch && matchesCountry && matchesIndustry; }); currentPage = 1; // Reset to the first page displayCompanies(); } loadMoreBtn.addEventListener('click', () => { currentPage++; // Append new companies instead of re-rendering all const startIndex = (currentPage - 1) * itemsPerPage; const endIndex = currentPage * itemsPerPage; const newItems = currentFilteredData.slice(startIndex, endIndex); newItems.forEach((company, index) => { const card = document.createElement('div'); card.className = 'company-card'; card.style.animationDelay = `${index * 50}ms`; card.innerHTML = ` Visit Careers `; companiesGrid.appendChild(card); }); if (endIndex >= currentFilteredData.length) { loadMoreBtn.style.display = 'none'; } }); // Event Listeners searchInput.addEventListener('keyup', filterAndDisplay); countryFilter.addEventListener('change', filterAndDisplay); industryFilter.addEventListener('change', filterAndDisplay); // Initial Display filterAndDisplay(); });