JSFiddle - React, Tailwind, and code Playground

by heera

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1/themes/ui-lightness/jquery-ui.css">
<div id="theSlider"></div>

JavaScript

$( '#theSlider' ).slider({
    range: 'min',
    min: 0,
    max: 1000,
    step: 100,
    value: 500,
    create: function( e, ui ) {
        var bar=$(this).slider('value');
        alert("Current value is: "+bar);
    }
}).bind( "slidechange", function(event, ui) {
   var bar=$(this).slider('value');
    alert("Value changed to: "+bar);
});