› ‹ const slides = document.querySelectorAll(‘.slideshow-container .slide’); $1 const dots = document.querySelectorAll(‘.dot’); dots.forEach((dot, i) => dot.classList.remove(‘active’)); dots[n].classList.add(‘active’); slides.forEach((slide, i) => slide.style.display = i === n ? ‘block’ : ‘none’); } function nextSlide() { slideIndex = (slideIndex + 1) % slides.length; showSlide(slideIndex); } function prevSlide() { slideIndex = (slideIndex – 1 + slides.length) % slides.length; showSlide(slideIndex); } document.addEventListener(‘DOMContentLoaded’, () => { showSlide(slideIndex); setInterval(nextSlide, 4000); // Rotate every 4 seconds });