dot navigation

function renderIndicators() { indicatorsContainer.innerHTML = ''; const perView = getSlidesPerView(); const totalDots = slides.length - perView + 1; // jumlah geser valid for (let i = 0; i < totalDots; i++) { const btn = document.createElement('button'); btn.className = 'w-3 h-3 rounded-full bg-gray-300 focus:outline-none transition-colors duration-300'; btn.dataset.index = i; btn.addEventListener('click', () => { current = i; // pindah ke index card sesuai dot updateSlider(current); stopAutoSlide(); startAutoSlide(); }); indicatorsContainer.appendChild(btn); } }