`; gridContainer.innerHTML += cardHTML; }); } // ฟังก์ชันสร้างจุด Dot ตามจำนวนหน้า function renderPaginationDots() { const totalPages = Math.ceil(activeData.length / itemsPerPage); // ถ้ามีแค่หน้าเดียว (หรือไม่มีเลย) ให้ซ่อนจุดไปเลย if (totalPages `; } paginationContainer.innerHTML = dotsHTML; // ฝังคำสั่งให้กดจุดแล้วเปลี่ยนหน้าได้ const dots = paginationContainer.querySelectorAll('.dot'); dots.forEach(dot => { dot.addEventListener('click', (e) => { currentPage = parseInt(e.target.getAttribute('data-page')); updateView(); // เลื่อนจอกลับขึ้นไปด้านบนของตารางแบบสมูทๆ document.getElementById('sp-comemore-wrapper').scrollIntoView({ behavior: 'smooth', block: 'start' }); }); }); } // ฟังก์ชันสุ่มเรียงลำดับ function shuffleArray(array) { let shuffled = [...array]; for (let i = shuffled.length - 1; i > 0; i--) { const j = Math.floor(Math.random() * (i + 1)); [shuffled[i], shuffled[j]] = [shuffled[j], shuffled[i]]; } return shuffled; } // ==================================================== // 3. สั่งทำงานครั้งแรกตอนโหลดเว็บ // ==================================================== activeData = shuffleArray(restaurantData); updateView(); // ระบบปุ่ม Filter const filterBtns = document.querySelectorAll('#sp-comemore-wrapper .filter-btn'); filterBtns.forEach(btn => { btn.addEventListener('click', () => { filterBtns.forEach(b => b.classList.remove('active')); btn.classList.add('active'); const filterValue = btn.getAttribute('data-filter'); if (filterValue === 'all') { activeData = shuffleArray(restaurantData); } else { activeData = restaurantData.filter(item => item.promoType === filterValue); } // เวลากดฟิลเตอร์ ต้องรีเซ็ตกลับไปหน้า 1 เสมอ currentPage = 1; updateView(); }); }); })();