JSFiddle - React, Tailwind, and code Playground

by ChrisStanyon

HTML

<div id="weight"></div>
<div id="result">Weight: <span>13</span> kgs</div>

CSS

body { padding:20px; }
#weight { margin: 0px 10px; width: 300px; }
#result { margin: 10px 0px; }

JavaScript

$( "#weight" ).slider({
   min: 13,
   max: 113,
   value: 13,
   slide: function( event, ui ) {
      $('#result span').text(ui.value);
   }
});