JSFiddle - React, Tailwind, and code Playground

by dav sev

JavaScript

$(function() {
    $("#slider-range").slider({
        range: true,
        min: 10000,
        max: 10000000,
        values: [1000000, 4000000],
        slide: function(event, ui) {
            $("#amount").val("₪" + ui.values[0] + " - ₪" + ui.values[1]);
        }
    });
    
    $("#amount").val("₪" + $("#slider-range").slider("values", 0) +
        " - ₪" + $("#slider-range").slider("values", 1));

        $('#slider-range').slider({
            change: function(event, ui) { 

            var newMin = jQuery('#slider-range').slider("values")[0]; // for slider with single knob or lower value of range
            var newMax = jQuery('#slider-range').slider("values")[1]; // for highest value of range
   
            console.log('max'+newMin);
            console.log(newMax);
        } 
    });
});