JSFiddle - React, Tailwind, and code Playground

by mmansion

HTML

<link rel="stylesheet" href="http://ajax.microsoft.com/ajax/jquery.ui/1.8.5/themes/start/jquery-ui.css">
Select Value: <br/><br/>

<div id="slider" style="width:200px"></div>
<br/>
<span id="lbl"></span>

CSS

body
{
    font-family : Arial;
    font-size : 10pt;
    padding : 10px;
}

JavaScript

$(document).ready(function()
{  
   var iValue = 1;
   $("#lbl").text(iValue); 
   $("#slider").slider(
   {
     min:0,
     max:100,
     value:iValue,
     slide:function(event,ui) 
     {
       $("#lbl").text(ui.value);
     }
  });
});