Function updateCarousel

docs/script.js:90–127

()

    let autoPlayInterval = null;

    function updateCarousel() {
      const translateX = -currentSlide * 100;
      carouselTrack.style.transform = `translate3d(${translateX}%, 0, 0)`;
      
      carouselDots.forEach((dot, index) => {
        if (index === currentSlide) {
          dot.classList.add("active");
        } else {
          dot.classList.remove("active");
        }
      });

      // Update text content below carousel
      const activeSlide = carouselTrack.querySelector(`[data-slide-index="${currentSlide}"]`);
      const titleEl = document.getElementById("carouselTitle");
      const descriptionEl = document.getElementById("carouselDescription");
      
      if (activeSlide && titleEl && descriptionEl) {
        const title = activeSlide.getAttribute("data-title");
        const description = activeSlide.getAttribute("data-description");
        
        if (title) {
          titleEl.style.opacity = "0";
          setTimeout(() => {
            titleEl.textContent = title;
            titleEl.style.opacity = "1";
          }, 150);
        }
        
        if (description) {
          descriptionEl.style.opacity = "0";
          setTimeout(() => {
            descriptionEl.textContent = description;
            descriptionEl.style.opacity = "1";
          }, 150);
        }
      }
    }

    function nextSlide() {
      currentSlide = (currentSlide + 1) % totalSlides;