https://listwithclever.com/wp-content/plugins/wpcodebox_functional…_calculator_slider_js.js?v=ce9250c6d2ad7143

1const formatter=new Intl.NumberFormat('en-US',{style:'currency',currency:'USD',minimumFractionDigits:0,maximumFractionDigits:0});if(!Util)
2function Util(){};Util.addClass=function(el,className){var classList=className.split(' ');el.classList.add(classList[0]);if(classList.length>1)Util.addClass(el,classList.slice(1).join(' '));};Util.removeClass=function(el,className){var classList=className.split(' ');el.classList.remove(classList[0]);if(classList.length>1)Util.removeClass(el,classList.slice(1).join(' '));};Util.toggleClass=function(el,className,bool){if(bool)Util.addClass(el,className);else Util.removeClass(el,className);};(function(){var Slider=function(element){this.element=element;this.rangeWrapper=this.element.getElementsByClassName('slider__range');this.rangeInput=this.element.getElementsByClassName('slider__input');this.value=this.element.getElementsByClassName('js-slider__value');this.rangeMin=this.rangeInput[0].getAttribute('min');this.rangeMax=this.rangeInput[0].getAttribute('max');this.sliderWidth=window.getComputedStyle(this.element.getElementsByClassName('slider__range')[0]).getPropertyValue('width');this.thumbWidth=getComputedStyle(this.element).getPropertyValue('--slide-thumb-size');this.isInputVar=(this.value[0].tagName.toLowerCase()=='input');this.totalCommision=document.getElementById('totalCommision');this.totalCommision6=document.getElementById('totalCommision6');this.savingsTotal=document.querySelectorAll('.savingsTotal');initSlider(this);updateCalculations(this);};function initSlider(slider){updateLabelValues(slider);updateRangeColor(slider,false);checkRangeSupported(slider);for(var i=0;i<slider.rangeInput.length;i++){(function(i){slider.rangeInput[i].addEventListener('input',function(event){updateSlider(slider,i);});slider.rangeInput[i].addEventListener('change',function(event){updateSlider(slider,i);});})(i);}
3if(slider.isInputVar){for(var i=0;i<slider.value.length;i++){(function(i){slider.value[i].addEventListener('change',function(event){updateRange(slider,i);});})(i);}}
4slider.element.addEventListener('slider-updated',function(event){for(var i=0;i<slider.value.length;i++){updateSlider(slider,i);}});slider.element.addEventListener('inputRangeLimit',function(event){updateLabelValues(slider);});};function updateSlider(slider,index){updateLabelValues(slider);updateRangeColor(slider,index);updateCalculations(slider);};function updateLabelValues(slider){for(var i=0;i<slider.rangeInput.length;i++){let value=parseInt(slider.rangeInput[i].value);let formattedValue=formatter.format(value);slider.isInputVar?slider.value[i].value=formattedValue:slider.value[i].textContent=formattedValue;}};function updateCalculations(slider){let totalCommision=parseInt(slider.rangeInput[0].value*0.03+calcListingCommision(slider.rangeInput[0].value));let totalCommision6=parseInt(slider.rangeInput[0].value*0.06);slider.totalCommision.innerHTML=formatter.format(totalCommision)
5slider.totalCommision6.innerHTML=formatter.format(totalCommision6)
6slider.savingsTotal.forEach(element=>{element.innerHTML=formatter.format(totalCommision6-totalCommision)});}
7function calcListingCommision(value){return value*0.015>3000?value*0.015:3000;}
8function updateRangeColor(slider,index){if(slider.rangeInput.length>1){slider.element.dispatchEvent(new CustomEvent('updateRange',{detail:index}));return;}
9var percentage=(slider.rangeInput[0].value-slider.rangeMin)/(slider.rangeMax-slider.rangeMin)*100,fill='calc('+percentage+'*('+slider.sliderWidth+' - 0.5*'+slider.thumbWidth+')/100)',empty='calc('+slider.sliderWidth+' - '+percentage+'*('+slider.sliderWidth+' - 0.5*'+slider.thumbWidth+')/100)';slider.rangeWrapper[0].style.setProperty('--slider-fill-value',fill);slider.rangeWrapper[0].style.setProperty('--slider-empty-value',empty);};function updateRange(slider,index){var newValue=parseFloat(slider.value[index].value);if(isNaN(newValue)){slider.value[index].value=slider.rangeInput[index].value;return;}else{if(newValue<slider.rangeMin)newValue=slider.rangeMin;if(newValue>slider.rangeMax)newValue=slider.rangeMax;slider.rangeInput[index].value=newValue;

9var inputEvent=new Event('change');slider.rangeInput[index].dispatchEvent(inputEvent);}};function checkRangeSupported(slider){var input=document.createElement("input");input.setAttribute("type","range");Util.toggleClass(slider.element,'slider--range-not-supported',input.type!=="range");};var sliders=document.getElementsByClassName('js-slider');if(sliders.length>0){for(var i=0;i<sliders.length;i++){(function(i){new Slider(sliders[i]);})(i);}}})();