Как превратить слайдер JavaScript в горизонтальный скроллер с помощью перетаскивания мышью

Question

Я проектировал слайдер JS, но я хочу создать его так, чтобы вы могли прокручивать

между слайдами с помощью перетаскивания мышью вместо нажатия кнопки для перехода к следующему слайду.

<script>
var responsiveSlider = function() {
var slider = document.getElementById("slider");
.....
var prev = document.getElementById("prev");
var next = document.getElementById("next");

window.addEventListener('resize', function() {
 sliderWidth = slider.offsetWidth;
});

var prevSlide = function() {
if(count > 1) {
  count = count - 2;
  slideList.style.left = "-" + count * sliderWidth + "px";
  count++;
}
else if(count = 1) {
  count = items - 1;
  slideList.style.left = "-" + count * sliderWidth + "px";
  count++;
}
};

var nextSlide = function() {
  if(count < items) {
    slideList.style.left = "-" + count * sliderWidth + "px";
    count++;
}
  else if(count = items) {
    slideList.style.left = "0px";
    count = 1;
     }
    };

next.addEventListener("click", function() {
  nextSlide();
});

prev.addEventListener("click", function() {
  prevSlide();
});

window.onload = function() {
  responsiveSlider();  
}
 </script>

как мне изменить мой код?