El problema es que no podemos ver el valor que seleccionamos, tendríamos que obtener el valor y mostrarlo mediante una etiqueta, en este caso voy a obtener y mostrar el valor usando la librería Jquery. Ejemplo:
5
<html>
<head>
<title>Rango</title>
<script src="js/jquery.min.js" type="text/javascript"></script>
</head>
<body>
<input type="range" max="10" min="1" value="5" class="rango">
<span class="recibe">40</span>
</body>
<script type="text/javascript">
$('.rango').on('change',function(){
var valor=$('.rango').val();
$('.recibe').text(valor);
} ) </script>
</html>
<head>
<title>Rango</title>
<script src="js/jquery.min.js" type="text/javascript"></script>
</head>
<body>
<input type="range" max="10" min="1" value="5" class="rango">
<span class="recibe">40</span>
</body>
<script type="text/javascript">
$('.rango').on('change',function(){
var valor=$('.rango').val();
$('.recibe').text(valor);
} ) </script>
</html>
No hay comentarios.:
Publicar un comentario