slider js

slider-js.js

var max = 500000;

$(document).ready(function(){
    var slider = $('.slider');
    var output = $('.output');
    var sliderRight = $('.slider-right');

    function getPercentage (val) {
        return val * 50 / max;
    }

    function getSliderRightWidth (val) {
        return 100 - getPercentage(val) + '%';
    }
    
    function GetValueFromRange(sli, out){
        sli.on('input', function(){
            console.log(getPercentage(sli.val()))
            value = sli.val()
            out.text(value + '$');
            sliderRight.css('width', getSliderRightWidth(value));
        })
    }

    var value = slider.val()
    output.html(value + '$');
    GetValueFromRange(slider, output);
})