let slideIndex = 0; const slides = document.querySelectorAll('.slider img'); const prevBtn = document.getElementById('prevBtn'); const nextBtn = document.getElementById('nextBtn'); function showSlide(index) { slides.forEach((slide) => { slide.style.display = 'none'; }); slides[index].style.display = 'block'; } function nextSlide() { slideIndex++; if (slideIndex >= slides.length) { slideIndex = 0; } showSlide(slideIndex); } function prevSlide() { slideIndex--; if (slideIndex < 0) { slideIndex = slides.length - 1; } showSlide(slideIndex); } showSlide(slideIndex); // Automatic slide change (optional) setInterval(nextSlide, 5000); // Change slide every 5 seconds