15 - Slider JS - Button Approach

Author: pktcodes

15-slider/setup/app.js

@@ -19,13 +19,30 @@ prevBtn.addEventListener("click", function () {
 });
 
 function carousel() {
-  if (counter > slides.length - 1) {
-    counter = 0;
+  /* Working with Slides */
+  // if (counter > slides.length - 1) {
+  //   counter = 0;
+  // }
+  // if (counter < 0) {
+  //   counter = slides.length - 1;
+  // }
+
+  /* Working with Buttons */
+  if (counter < slides.length - 1) {
+    nextBtn.style.display = "block";
+  } else {
+    nextBtn.style.display = "none";
   }
-  if (counter < 0) {
-    counter = slides.length - 1;
+
+  if (counter > 0) {
+    prevBtn.style.display = "block";
+  } else {
+    prevBtn.style.display = "none";
   }
+
   slides.forEach(function (slide) {
     slide.style.transform = `translateX(-${counter * 100}%)`;
   });
 }
+
+prevBtn.style.display = "none";