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