JSFiddle - React, Tailwind, and code Playground

by Artem Borovikov

JavaScript

// calculator
var $rangeExplicitSumSlider = $('.section-explicit-calc #range-sum-slider');
var $rangeExplicitSumImport = $('.section-explicit-calc #range-sum-input');

var $rangeExplicitTimeSlider = $('.section-explicit-calc #range-time-slider');
var $rangeExplicitTimeImport = $('.section-explicit-calc #range-time-input');

var getExplicitSum = +$('.section-explicit-calc #range-sum-input').val();
var getExplicitTime = +$('.section-explicit-calc #range-time-input').val();
var defaultPark = 4 / 100;
var defaultPTS = 5.5 / 100;


if( $('.explicit-grid').hasClass('equipment')  ) {
	defaultPTS = 6 / 100;
}

var resultCalcPark = (getExplicitSum + getExplicitSum * (getExplicitTime * defaultPark)) / getExplicitTime;
var resultCalcPTS = (getExplicitSum + getExplicitSum * (getExplicitTime * defaultPTS)) / getExplicitTime;
$('.result-park .result').text(resultCalcPark.toFixed(0)).number(true, 0).append(' ₽');
$('.result-pts .result').text(resultCalcPTS.toFixed(0)).number(true, 0).append(' ₽');

// range sum
$rangeExplicitSumSlider
    .rangeslider({
        polyfill: false
    })
    .on('input', function() {
        $rangeExplicitSumImport[0].value = this.value;
        getExplicitSum = +$('.section-explicit-calc #range-sum-input').val();
        getExplicitTime = +$('.section-explicit-calc #range-time-input').val();

        if (getExplicitSum != 0 && getExplicitTime != 0) {
            resultCalcPark = (getExplicitSum + getExplicitSum * (getExplicitTime * defaultPark)) / getExplicitTime;
            resultCalcPTS = (getExplicitSum + getExplicitSum * (getExplicitTime * defaultPTS)) / getExplicitTime;
            $('.result-park .result').text(resultCalcPark.toFixed(0)).number(true, 0).append(' ₽');
            $('.result-pts .result').text(resultCalcPTS.toFixed(0)).number(true, 0).append(' ₽');
        } else {
            $('.result-block .result').text('0 ₽');
        }
    });

$rangeExplicitSumImport.on('input', function() {
    if (this.value == "") {
       ...