index.html

<link rel="stylesheet" href="sliderrange.css"> 
<meta name="viewport" content="initial-scale=1, maximum-scale=1">
<div id="slider"></div>
<script src="jquery.min.js"></script>
<script src="LinkedList.js"></script>
<script src="RangeHandle.js"></script>
<script src="SliderRange.js"></script>
<script src="Slider.js"></script>
<script src="jquery_wrapper.js"></script>
<script>
    $("#slider").Slider({
        ranges: [],
        min: 0,
        max: 100,
        step: 2,
        overlappingRanges: false,
        minRange: 3,
        minNoRanges: 1,
        maxNoRanges: 3,
        slide: (range) => {
            console.log(range);
        }
    });
    $("#slider").Slider().addRange(0, 5);
    
</script>