Tengo el siguiente código en html y js
function slide(){ let v= document.getElementById("slide_inner"); document.getElementById("slider").textContent=v.value; } <form id="slider"> <label for="slide_inner">0</label><input id="slide_inner" onchange="slide()" type="range" min="0" max="26" value="0" class="slider"> </form>Sin embargo, cuando intento mover el control deslizante, el control deslizante también desaparece y solo queda el valor. Solo quiero que el 0 se actualice al nuevo valor del control deslizante. ¿Hay alguna manera de evitar esto?
Puede usar querySelectorAll para establecer el texto:
function slide() { let v = document.getElementById("slide_inner"); document.getElementById("slider").querySelectorAll("label")[0].innerHTML = v.value; } <form id="slider"> <label for="slide_inner">0</label><input id="slide_inner" onchange="slide()" type="range" min="0" max="26" value="0" class="slider"> </form>