JSFiddle - React, Tailwind, and code Playground

by Steven Senkus

HTML

<script src="http://lib.store.yahoo.net/lib/yhst-88039420719426/ion-rangeSlider.min.js"></script>
<link rel="stylesheet" href="http://www.westechrigging.com/add-ons.css">
<input type="text" id="pricerange" name="pricerange" value="1;6000">

JavaScript

$(function () {

    function logger() {
        var initMsg = 'Initialize';
        var count = 0;
        return function logger_closure() {
            console.log((count === 0) ? (initMsg, 'count: ' + count++) : ('Fires after initialization execution', 'count: ' + count++));
        };
    }

    var x = new logger();
    $("#pricerange").ionRangeSlider({
        type: 'double',
        min: 1,
        max: 6000,
        prefix: "$",
        prettify: false,
        hasGrid: true,
        onChange: function (obj) {
            console.log('fired onChange function');
            var timedelay = setTimeout(x, 500);
        }
    });

});