https://northstarboyschoir.org/wp-content/themes/nsbc-theme/js/homepage.js

1  let currentSlide = 0;
2  const slides = document.querySelectorAll('.hero-slide');
3  const dots = document.querySelectorAll('.dot');
4
5  function showSlide(index) {
6    slides.forEach((slide, i) => {
7      slide.classList.toggle('active', i === index);
8      dots[i].classList.toggle('active', i === index);
9    });
10    currentSlide = index;
11  }
12
13  function nextSlide() {
14    const next = (currentSlide + 1) % slides.length;
15    showSlide(next);
16  }
17
18  function goToSlide(index) {
19    clearInterval(slideInterval);
20    showSlide(index);
21    slideInterval = setInterval(nextSlide, 10000); // reset autoplay
22  }
23
24  let slideInterval = setInterval(nextSlide, 10000); // autoplay