JSFiddle - React, Tailwind, and code Playground

by Роман Захаров

HTML

<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/themes/smoothness/jquery-ui.css">
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
<div class="polzunok">
   <label for="amount">Сумма займа:</label>
   <input type="text" id="amount">
   
<div id="slider-zaim"></div>
</div>

JavaScript

function() {
			 $( "#slider-zaim" ).slider({
				  range: "min",
				  min: 100,
				  value: 100, 
				  max: 10000,
				  step: 100,
				  slide: function( event, ui ) {
					$( "#amount" ).val( ui.value + " руб." );
				  }
				});
        				$( "#amount" ).val( $( "#slider-zaim" ).slider( "value" ) + " руб." );
});