JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://code.jquery.com/mobile/1.0b3/jquery.mobile-1.0b3.min.js"></script>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0b3/jquery.mobile-1.0b3.min.css">
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<div data-role="page" id="home">
 <div data-role="header">
  <h1>Slider & Toggle Demo</h1>
 </div>
 <div data-role="content">
  <div data-role="fieldcontain">
    <label for="slider">Input slider:</label>
      <input type="range" name="slider" id="slider" value="0" min="0" max="100"  /><br /><br /><br /><br />
      <label for="slider">Select slider:</label>
    <select name="toggle" id="toggle" data-role="slider">
        <option value="off">Off</option>
        <option value="on">On</option>
    </select><br /><br />
  </div>
     <p>Input slider value: <span id="inpshow"></span><br /><br /><br />Toggle state: <span id="togshow"></span></p>
 </div>
</div>
</body>
</html>

JavaScript

$("#slider").change(function() {
    number = $("#slider").val();
    $('#inpshow').text(number.toString());
});

$("#toggle").change(function() {
    state = $("#toggle").val();
    $('#togshow').text(state.toString());
});