Слайдер на чистом js, который показывает не один слайд, а несколько?

Question

[Константин]

Добрый день. Есть самописный слайдер на нативном JS. Он показывает 1 слайд и при клике на кнопку пролистывает 1 слайд. Как переделать данный код, чтобы слайдер показывал не 1 слайд, а 5, и пролистывал при клике на кнопку 4 слайда, а не один?

let slidersArr = document.querySelectorAll(".banner-section__slider-item");
   let prevSlideButton = document.querySelector(".prev-button");
   let nextSlideButton = document.querySelector(".next-button");

   let slideIndex = 0;

   nextSlideButton.addEventListener("click", function(){
      if(slideIndex >= slidersArr.length-1){
         slideIndex = -1;
      }

      for(i = 0; i <slidersArr.length; i++){
         slidersArr[i].classList.remove("active-slider")
      }
      slideIndex++;
      slidersArr[slideIndex].classList.add("active-slider");
      console.log(slideIndex)
   })

   prevSlideButton.addEventListener("click", function(){
      if(slideIndex <=0){
         slideIndex = slidersArr.length;
      }

      for(i = 0; i <slidersArr.length; i++){
         slidersArr[i].classList.remove("active-slider")
      }
      slideIndex--;
      slidersArr[slideIndex].classList.add("active-slider");
      console.log(slideIndex)
   })

Comments

[Владимир]

1) Этот слайдер не будет работать без его родного HTML и CSS, функция просто меняет классы
2) Судя по вопросу вам нужно на фрилансим

[Антон Литвиненко]

Взять готовый слайдер