35 - FORM (input type="range")
Problema:
Solicitar la carga de una temperatura entre 0 y 100, utilizar una barra de selección. Mostrar en un elemento span el valor seleccionado en el range.
pagina.html
estilos.css
Ejecución de la página
<!DOCTYPE HTML> <html> <head> <title>Título de la página</title> <meta charset="UTF-8"> <script> addEventListener('load',inicio,false); function inicio() { document.getElementById('temperatura').addEventListener('change',cambioTemperatura,false); } function cambioTemperatura() { document.getElementById('temp').innerHTML=document.getElementById('temperatura').value; } </script> </head> <body> <form action="#"> Seleccione una temperatura: <input type="range" id="temperatura" min="0" max="100"> <span id="temp">0</span> <br> <input type="submit" value="Confirmar"> </form> </body> </html>
No tiene disponible el navegador la capacidad de iframe
Retornar