Ayuda con Javascript
Bueno, he estado intentando hacer unos ejercicios en Javascript y resulta que no se ejecuta correctamente. No sé a detalles qué es lo que estoy haciendo mal y por eso es que solicito apoyo con el código.
Este es el código de HTML
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<input type="range" class="rancio">
<label>Rango de edad</label
<script src="javascript.js"></script>
</body>
</html>
Este es el código de Javascript con el que tengo problemas
const rancio = document.querySelector(".rancio");
document.write(rancio.getAttribute("type"));
Se supone que tiene que decir "rance" junto a Rango de edad, pero como verán, no aparece nada.
Este es el código de HTML
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<input type="range" class="rancio">
<label>Rango de edad</label
<script src="javascript.js"></script>
</body>
</html>
Este es el código de Javascript con el que tengo problemas
const rancio = document.querySelector(".rancio");
document.write(rancio.getAttribute("type"));
Se supone que tiene que decir "rance" junto a Rango de edad, pero como verán, no aparece nada.
1
Puntos
Puntos
1023
Visitas
Visitas
2
Resp
Resp
Por norahc hace 40 meses
Principiante
Respuesta #1
Hola, capaz ya lo has resuelto! Pero te dejó la solución por si alguien más la quiera...
El código en donde figura el label le falta cerrar la etiqueta con > capaz no te funcionaba por ese motivo
El código en donde figura el label le falta cerrar la etiqueta con > capaz no te funcionaba por ese motivo
<body> <input type="range" class="rancio"> <label>Rango de edad <strong class="data"></strong></label> <script> const rancio = document.querySelector(".rancio"), data = document.querySelector(".data"); // Para que muestre el numero dependiendo de la posicion. data.innerHTML = rancio.value // Actualizamos el valor rancio.addEventListener('change', e => data.innerHTML = e.target.value) </script> </body>
0
Puntos
Puntos
Por Miguel92 hace 27 meses
Principiante
Respuesta #2
Gracias por la solución igual me paso un problema así te lo agradezco mucho
0
Puntos
Puntos