Bienvenido a datoweb.com!! En este foro podrás encontrar ayuda sobre diseño y desarrollo web en general. Si quieres formar parte de esta comunidad para pedir ayuda o colaborar ayudando a otros usuarios del foro solo tienes que registrarte desde el siguiente enlace: Registrarse en el Foro

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"));

70986879-5702-4a10-ab31-fcc963b3072d

Se supone que tiene que decir "rance" junto a Rango de edad, pero como verán, no aparece nada.
1
Puntos
641
Visitas
1
Resp
Por norahc hace 18 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
<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
Por Miguel92 hace 4 meses
Principiante
Compartir en facebook
Compartir en twitter
Compartir
Para comentar Inicia sesión o Registrate