Mexican Hot Chocolate

let currentSlide = 0; const slides = document.querySelectorAll('.slide'); function showSlide(index) { // Hide all slides slides.forEach((slide, i) => { slide.style.display = 'none'; }); // Show the current slide slides[index].style.display = 'block'; } function nextSlide() { currentSlide = (currentSlide + 1) % slides.length; showSlide(currentSlide); } function prevSlide() { currentSlide = (currentSlide - 1 + slides.length) % slides.length; showSlide(currentSlide); } // Show the first slide initially showSlide(currentSlide); // Auto slide (optional) setInterval(nextSlide, 5000); // Change every 2 seconds