JSFiddle - React, Tailwind, and code Playground

by anubhabB

HTML

<div id="mySlider">Slider</div>
<output type="text" id="show"/>
<output type="text" id="amount"/>

CSS

#mySlider

{width: 300px;}

JavaScript

$(function() {
                $( "#mySlider" ).slider({
                range: true,
                value: 0,
                step: 10,
                min: 0,
                max: 15,
                slide: function( event, ui ) {
                $( "#amount" ).val(  + ui.value );
                function update();
                calculate();
                }
                });
                
  })
    
function update()
{
var sliderVal = $("#mySlider").slider("values", 0);
document.getElementById('show').innerHTML = "&nbsp;&nbsp;" +sliderVal;
return sliderVal;
}