JSFiddle - React, Tailwind, and code Playground

HTML

<div id="horizontalSlider"></div>
<input type="text" id="sliderValue" data-dojo-type="dijit.form.TextBox" style="width:190px;" onkeyup="getSliderTxtBoxValue();">

JavaScript

require(["dojo/ready", "dijit/form/HorizontalSlider","dojo/dom","dijit/form/TextBox"], function(ready, HorizontalSlider,dom){
var slider = new HorizontalSlider({
    name: "horizontalSlider",
    value: 0,
    minimum: 0,
    maximum: 500,
    discreteValues: 11,
    intermediateChanges: true,
    style: "width:200px;",
    onChange: function(value){
        dom.byId("sliderValue").value = value;
    }
}, "horizontalSlider");
});