JSFiddle - React, Tailwind, and code Playground

by blowsie

HTML

<link rel="stylesheet" href="http://code.jquery.com/ui/1.8.22/themes/base/jquery-ui.css">
<div id="amount" datamin=""></div>
<div id="slider"></div>

CSS

#amount {background:red; width:50px; height:50px;}

JavaScript

$(function() {
    $( "#slider" ).slider({
        range: true,
        min: 0,
        max: 5,
        slide: function( event, ui ) {
            $('#amount').attr( 'datamin','1000');
            alert(   $('#amount').attr( 'datamin'))
        },
        change: function(event, ui) {
            // when the user change the slider
        },
        stop: function(event, ui) {
        //alert(ui.values[0]);
            // when the user stopped changing the slider

        }
    });
   // $( "#amount" ).html( "<?php echo $currency_chk_i;?>" + $( "#slider-range" ).slider( "values", 0 ) +
    //    " - <?php echo $currency_chk_i;?>" + $( "#slider-range" ).slider( "values", 1 ) );

});