JSFiddle - React, Tailwind, and code Playground

by TJ VanToll

HTML

<link href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" rel="stylesheet" />
<script src="http://code.jquery.com/jquery-1.10.0.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>

<p>
  <label for="amount">Slider:</label>
  <input type="text" id="amount" />
</p>
 
<div id="slider"></div>

JavaScript

$( "#slider" ).slider({
    value: 50,
    min: 1,
    max: 99,
    step: 3,
    slide: function(event, ui) {
        $("#amount").val(ui.value);
    }
});

$("#amount").val($("#slider").slider("value"));