slider html

1<input type="range" name="rangeInput" min="0" max="100" onchange="updateTextInput(this.value);">
2<input type="text" id="textInput" value="">

1<input type="range" min="1" max="100" value="50">

1<script src="jquery-3.2.1.min.js"></script>
2<script src="ResponsiveSlides/responsiveslides.min.js"></script>
3<script>
4	$(function() {
5		$("#slider").responsiveSlides({
6			auto : false,
7			pager : false,
8			nav : true,
9			speed : 500,
10			namespace : "slider-callback",
11			maxwidth : "550px"
12		});
13
14	});
15</script>

1
2<input className="newpost-rating-slider" type="range" name="rangeInput" 
3min="0" max="5" onChange={handleSliderRating} />
4
5<span className="slider-rating-field">0/5</span>
6
7
8
9const handleSliderRating = () => {
10
11        var curVal = document.querySelector('.newpost-rating-slider').value;
12        var sliderRatingEle = document.querySelector('.slider-rating-field');
13
14        sliderRatingEle.textContent =   curVal.toString() + "/5";
15    
16    }

1var slideIndex = 0;
2showSlides();
3
4function showSlides() {
5  var i;
6
7    var slides = document.getElementsByClassName("mySlides");
8  
9for (i = 0; i < slides.length; i++) {