JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Slider</title>
  <link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css" />
  <script src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
  <script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script>

  <style>
   .ui-slider-inner-label {
     text-shadow:none;
     color:black;
     font-weight:normal;
   }
  </style>
</head>

<body>
  <div data-role="page" id="page1" >
    <div data-backbtn="false" data-role="header" >
      <h1>Test Font</h1>
    </div><!-- /header -->

    <!-- Begin Content page1 -->
    <div data-role="content">
      <!-- <h3>LOAN CALCULATOR</h3> -->

      <!--SLIDER -->
      <div data-role="fieldcontain" id="div-sliderPrincipleAmnt">
        <label for="slider1">Amount:</label>
        <input type="range" name="slider1" id="slider-PrincipleAmnt" value="100" min="20" max="999"  data-theme="b" data-track-theme="a" data-highlight="true"  />
      </div>
      <!--slider has change event monitored via script -->
    </div><!-- /content -->

    <div data-role="footer" data-position="fixed" >
      <h2>TEST</h2>
      <div data-role="navbar">
      </div><!-- /navbar -->
    </div><!-- /footer page1-->
  </div>
  <!-- END OF PAGE ONE / MAIN CALCULATOR -->

  <script type="text/javascript">
  $('#page1').live('pageshow', function (event, ui) {
    //
    //put in slider labels
    //new an attempt to label the min max values on the loan Amount slider page1
    //code found on jquery forum: https://forum.jquery.com/topic/how-do-i-add-text-labels-below-slider
    $.fn.extend({
      sliderLabels: function(left,right) {
        var $this = $(this);
        var $sliderdiv= $this.next("div.ui-slider[role='application']");
        //
        $sliderdiv
        .prepend('<span class="ui-slider-inner-label" style="position: absolute; left:0px;...