require(["dojo/ready", "dojo/dom", "dijit/form/HorizontalSlider", "dijit/form/NumberSpinner"], function(ready, dom, HorizontalSlider, NumberSpinner) {
    ready(function() {
        dom.byId("sliderValue").innerHTML = 0;
        var slider = new HorizontalSlider({
            value: 0,
            discreteValues: 21,
            minimum: -10,
            maximum: 10,
            intermediateChanges: true,
            style: "width:200px;",
            onChange: function(value) {
                dom.byId("sliderValue").innerHTML = value;
                console.log(value);
            }
        }, "mySlider");

        var mySpinner = new NumberSpinner({
            value: 1000,
            smallDelta: 10,
            constraints: {
                min: 9,
                max: 1550,
                places: 0
            },
            id: "integerspinner3",
            style: "width:100px",
            onChange: function(value) {
                console.log(value);
            }
        }, "spinnerId");
    });
});

Setting Validate Copy Format

#mySlider, #spinnerId{
  margin:15px;
}

Setting Validate Copy Format

<body class='claro'>
<fieldset>
  <legend>Control Panel:</legend>
  Option Fee:<div id="mySlider"><span id='sliderValue'></span></div>
  Unit Price:<div id="spinnerId"></div>
  </fieldset>
  <fieldset>
  <legend>Result:</legend>
<div id="Output">Output</div>

  </fieldset>
</body>

Copy Format

Download