Tengo este control deslizante de comparación y en la actualización de la página quiero que la posición del punto (pulgar) del control deslizante de rango esté en el medio y no tome la misma posición que antes de la actualización de la página. vista previa de la imagen de posición
Entonces, al volver a cargar la página, el control deslizante de rango ni siquiera está en la posición actual de "Comparar"
let slideValue = document.querySelectorAll('.jsSliderComparison') slideValue.forEach((clicker) => { clicker.addEventListener('input', sliderComparison) }) function sliderComparison(e) { slideValue.forEach((el) => { document.querySelectorAll('.jsSliderComparer').forEach((element) => { element.style.clipPath = 'polygon(0 0,' + e.target.value + '% 0,' + e.target.value + '% 100%, 0 100%)' }) }) } <div class="slider slider--comparison"> <img src="SOURCE" /> <img class="jsSliderComparer" src="SOURCE" /> <input max="100" min="0" value="50" type="range" class="jsSliderComparison" /> </div>Solución: establezca un valor predeterminado en la carga
slideValue.forEach((loader) => { loader.value = 50 })