JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://code.jquery.com/ui/1.8.20/themes/base/jquery-ui.css">
<div></div>
<pre></pre>

CSS

div {
   width:   300px;
}
pre {
  height: 300px;
  overflow: scroll
}

JavaScript

function SomeOtherFunction(){
    $("pre").text(($("div").slider("option", "value") + "\n") + $("pre").text());
}

$("div").slider({
    step : 30,
    max  : 1439,
    min  : 0,
    value: 30,
    change: function(event, ui){
        SomeOtherFunction();
    }
});