Update README.md

README.md

@@ -550,6 +550,7 @@ function showSlide(index) {
   }
   const offset = -currentIndex * 100;
   document.querySelector('.carousel-inner').style.transform = `translateX(${offset}%)`;
+  updateDots();
 }
 
 function nextSlide() {
@@ -573,8 +574,8 @@ function currentSlide(n) {
 
 function showSlides(n) {
   let i;
-  let slides = document.getElementsByClassName("mySlides");
-  let dots = document.getElementsByClassName("dot");
+  const slides = document.getElementsByClassName("carousel-item");
+  const dots = document.getElementsByClassName("dot");
   if (n > slides.length) {slideIndex = 1} 
   if (n < 1) {slideIndex = slides.length}
   for (i = 0; i < slides.length; i++) {
@@ -586,4 +587,12 @@ function showSlides(n) {
   slides[slideIndex-1].style.display = "block"; 
   dots[slideIndex-1].className += " active";
 }
+
+function updateDots() {
+  const dots = document.getElementsByClassName("dot");
+  for (let i = 0; i < dots.length; i++) {
+    dots[i].className = dots[i].className.replace(" active", "");
+  }
+  dots[currentIndex].className += " active";
+}
 </script>