Como imprimo un texto extra en Javascript
Publicado por Javier (22 intervenciones) el 13/02/2020 02:56:27
hola amigos, quiero imprimir un texto aparte del "value", sucede que cuando yo arrastro el puntero hasta el valor 10 si me imprime el texto "10 malo" pero ahi se queda, lo que busco es que ese texto salga un poco mas abajo y el "value" siga sumando, es algo super sencillo pero por mas que intento no me sale :( si me pudieran ayudar por favor.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
<html>
<head>
<link rel="stylesheet" type="text/css" href="css/estilo.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js">
</script>
<body>
<div class="cuerpo">
<script type="text/javascript">
$(function() {
$('#points').on('input change', function() {
var element = $('#points');
value = element.val()
if (value>10) {
$('#value').text("10 malo");
} else {
$('#value').text(value);
}});
});
</script>
</head>
<div id="resultado">
<span id="value" ></span>
</div>
<div>
<input id="points" type="range" value="1" min="1" max="80" />
</div>
</div>
</body>
</html>
Valora esta pregunta
0
