function updateSliderValue(slider) {
    let pos = (slider.value - slider.min) / (slider.max - slider.min);
    let len = slider.getBoundingClientRect().width;
    let lab = slider.parentNode.querySelector('.slider_label');
    let lef = (100*pos*(len-30))/len;
    lab.innerHTML = slider.value;
    lab.style.left = `${lef}%`; //in prec for window resize events
}
/// shit for making interactive bits beautiful
shit for making interactive bits beautiful
shit for making interactive bits beautiful
function updateSliderValue(slider) {
    let pos = (slider.value - slider.min) / (slider.max - slider.min);
    let len = slider.getBoundingClientRect().width;
    let lab = slider.parentNode.querySelector('.slider_label');
    let lef = (100*pos*(len-30))/len;
    lab.innerHTML = slider.value;
    lab.style.left = `${lef}%`; 
}
function updateSliderValue ( slider ) { let pos = ( slider . value - slider . min ) / ( slider . max - slider . min ) ; let len = slider . getBoundingClientRect ( ) . width ; let lab = slider . parentNode . querySelector ( '.slider_label' ) ; let lef = ( 100 * pos * ( len - 30 ) ) / len ; lab . innerHTML = slider . value ; lab . style . left = ` ${ lef } ` ; }
shit for making interactive bits beautiful
shit for making interactive bits beautiful
//in prec for window resize events