Estaba codificando en html cuando encontré un problema simple. Soy un principiante, así que tomo la mayoría de mis cosas de w3schools y, por alguna razón, este código no funcionó.
var slider = document.getElementById("myRange"); var output = document.getElementById("demo"); output.innerHTML = slider.value; // Display the default slider value // Update the current slider value (each time you drag the slider handle) slider.oninput = function() { output.innerHTML = this.value; } div { height: 200px; width: 400px; background: black; position: fixed; top: 50%; left: 16%; margin-top: -100px; margin-left: -200px; } <link rel="stylesheet" href="uwu.css"> <body> <center><h1>How old are you?</h1></center> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> <div class="slidecontainer"> <input type="range" min="1" max="18" value="1" class="slider" id="myRange"> </div> <script src="slider.js"></script> </div>Si también se preguntaba jQuery no se agrega.
porque no tiene salida, agregue un encabezado y déle una identificación de demostración
Prefiero hacer el ancho y el alto en el css con %, porque px es un valor que a veces se rompe si hacemos la pantalla más pequeña. Pero no puedo responder la pregunta exacta sobre "Error de control deslizante en html". Puedes buscar en la red algo de información. ;-)