JSFiddle - React, Tailwind, and code Playground

by ericbaumann

HTML

<script src="http://code.jquery.com/ui/1.9.0/jquery-ui.js"></script>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.9.0/themes/base/jquery-ui.css">
<select id="dropdown_change">
 
      <option value="Sunday">Sun</option>
 
      <option value="Monday">Mon</option>
 
      <option value="Tuesday">Tue</option>
 
      <option value="Wednesday">Wed</option>
  
      <option value="Thursday">Thu</option>
  
      <option value="Friday">Fri</option>
  
      <option value="Saturday">Sat</option>
 
</select><br><br>
<div id="storlekslider"></div>
<div id="storlek_testet"></div>

JavaScript

$(document).ready(function(){
     $("#dropdown_change").change(function(){
      alert("Selected value is : " + document.getElementById("dropdown_change").value);
     });
   });
    
    
    $( "#storlekslider" ).slider({
    range: "max",
    min: 0,
    max: 10,
    value: 0,
    slide: function( event, ui ) {
    	$( "#storlek_testet" ).text( ui.value + " months left to pay." );
    	$(ui.value).val($('#storlek_testet').val());
   	}
    });
    $( "#storlek_testet" ).text( $( "#storlekslider" ).slider( "value" ) );