Update README.md

README.md

@@ -617,4 +617,46 @@ function showSlides(n) {
   slides[slideIndex-1].style.display = "block"; 
   dots[slideIndex-1].className += " active";
 }
+
+  document.addEventListener("DOMContentLoaded", function() {
+  let currentSlide = 0;
+  const slides = document.querySelectorAll(".carousel-item");
+  const totalSlides = slides.length;
+
+  document.querySelector(".carousel-control-prev").addEventListener("click", function() {
+    moveSlide(-1);
+  });
+
+  document.querySelector(".carousel-control-next").addEventListener("click", function() {
+    moveSlide(1);
+  });
+
+  function moveSlide(direction) {
+    slides[currentSlide].classList.remove("active");
+    currentSlide = (currentSlide + direction + totalSlides) % totalSlides;
+    slides[currentSlide].classList.add("active");
+  }
+
+  // Initialize first slide as active
+  slides[currentSlide].classList.add("active");
+
+  // Dot navigation
+  const dots = document.querySelectorAll(".dot");
+  dots.forEach((dot, index) => {
+    dot.addEventListener("click", () => {
+      slides[currentSlide].classList.remove("active");
+      currentSlide = index;
+      slides[currentSlide].classList.add("active");
+      updateDots();
+    });
+  });
+
+  function updateDots() {
+    dots.forEach(dot => dot.classList.remove("active"));
+    dots[currentSlide].classList.add("active");
+  }
+
+  // Initialize first dot as active
+  dots[currentSlide].classList.add("active");
+});
 </script>