JSFiddle - React, Tailwind, and code Playground

by Artem Borovikov

JavaScript

var $rangeSumSlider = $('#range-sum-slider');
var $rangeSumImport = $('#range-sum-input');
var getSum = $('#range-sum-input').val();

function calcResultPTS(value) {
    if (value < 1500000) {
        var result = (value / 100 * 4).toFixed(0);
        $('.result-box.result-pts .result').text(result);
    } else {
        var result = (value / 100 * 3).toFixed(0);
        $('.result-box.result-pts .result').text(result);
    }
}
calcResultPTS(getSum);

function calcResultParking(value) {
    if (value < 1500000) {
        var result = (value / 100 * 3.5).toFixed(0);
        $('.result-box.result-parking .result').text(result);
    } else {
        var result = (value / 100 * 2).toFixed(0);
        $('.result-box.result-parking .result').text(result);
    }
}
calcResultParking(getSum);


$rangeSumSlider
    .rangeslider({
        polyfill: false
    })
    .on('input', function() {
        $rangeSumImport[0].value = this.value;
        getSum = $('#range-sum-input').val();

        if (getSum != 0) {
           
            calcResultPTS(getSum);
            calcResultParking(getSum);
        } else {
            $('.result-box .result').text('0');
        }
    });

$rangeSumImport.on('input', function() {
    if (this.value == "") {
        this.value = 0;
        $rangeSumSlider.val(this.value).change();
    } else {
        $rangeSumSlider.val(this.value).change();
    }
});