15 - Slider JS Setup

Author: pktcodes

15-slider/setup/app.js

@@ -0,0 +1,7 @@
+const slides = document.querySelectorAll(".slide");
+const prevBtn = document.querySelector(".prevBtn");
+const nextBtn = document.querySelector(".nextBtn");
+
+slides.forEach(function (slide, index) {
+  slide.style.left = `${index * 100}% `;
+});

15-slider/setup/styles.css

@@ -189,7 +189,7 @@ Slider
   max-width: 80rem;
   position: relative;
   border-radius: 0.5rem;
-  overflow: hidden;
+  /* overflow: hidden; */
   margin-top: 4rem;
 }
 .slide {