slider javascript code code example

Example 1: create a slider

<input className="newpost-rating-slider" type="range" name="rangeInput" 
min="0" max="5" onChange={handleSliderRating} />

<span className="slider-rating-field">0/5</span>



const handleSliderRating = () => {

        var curVal = document.querySelector('.newpost-rating-slider').value;
        var sliderRatingEle = document.querySelector('.slider-rating-field');

        sliderRatingEle.textContent =   curVal.toString() + "/5";
    
    }

Example 2: slider js

$('.multiple-items').slick({
  infinite: true,
  slidesToShow: 3,
  slidesToScroll: 3
});