如何通过鼠标拖动将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>

我应该如何更改代码？