rango.html

  1. <!DOCTYPE html>
  2. <html lang="es">
  3. <meta charset="UTF-8">
  4. <title>Rango</title>
  5. function cambiarRango() {
  6. const input = document.querySelector('#rango');
  7. const output = document.querySelector('#salida');
  8. output.value = input.value;
  9. }
  10. </script>
  11. </head>
  12. <h1>Rango</h1>
  13. <p>
  14. <input id="rango"
  15. type="range"
  16. min="0" max="100" step="1"
  17. value="50"
  18. oninput="cambiarRango()" >
  19. <output id="salida">50</output>
  20. </p>
  21. </body>
  22. </html>

Proinf.net