Autor Tema: innerHTML JavaScript no funciona ¿por qué no se ve nada? (Leído 3011 veces)

Lopez2405 · « **en:** 01 de Mayo 2016, 00:41 »

Hola, quisiera saber cual es el problema por el cuál no se ve nada en el archivo html.

<!DOCTYPE html>
<html lang="en">
<head>
	<title>Temperatures</title>
	<meta charset="utf-8">
	
	<script type="text/javascript">
		function showTemps()
		{
			var tempByHour = new Array();
				tempByHour[0]=59.2;
				tempByHour[1]=60.1;
				tempByHour[2]=63;
				tempByHour[3]=65;
				tempByHour[4]=62;
				
			for(var i = 0; i < tempByHour.length; i++)
			{
				var theTemp= tempByHour[i];
				var id = "temp" + i;
				var li = document.getElementById(id);
				
				if(i == 0)
				{
					li.innerHTML = "The temperature at noon was" + theTemp;
				}
				else
				{
					li.innerHTML = "The temperature at" + i "was" + theTemp;
				}
			}
			
		}				
							
		window.onload = showTemps;
	</script>
	</head>
	
	<body>
		<h1>Temperatures</h1>
		<ul>
			<li id = "temp0" > </li>
			<li id = "temp1" > </li>
			<li id = "temp2" > </li>
			<li id = "temp3" > </li>
			<li id = "temp4" > </li>
		</ul>
	</body>
</html>

GRACIAS

kip13 · « **Respuesta #1 en:** 01 de Mayo 2016, 09:24 »

El problema que noto a simple vista es este:

Código: [Seleccionar]

li.innerHTML = "The temperature at" + i "was" + theTemp;
Te falta un + luego de la variable i.

Ademas noto que al mostrar las temperaaturas no especificas en que posicion del objeto array estara, es decir para mostrar la temperatura del indice declarado en la variable i.

Código: [Seleccionar]

li.innerHTML = "The temperature at" + i +"was" + theTemp[i];
Para solucionar eso, basta con agregar los corchetes y la variable i que seria la posicion donde tomara el valor del objeto array.

Espero me hayas entendido, saludos.

pedro,, · « **Respuesta #2 en:** 01 de Mayo 2016, 11:31 »

Hola Lopez2405.

Para próximas peticiones de ayuda en el foro, lee este enlace https://www.aprenderaprogramar.com/foros/index.php?topic=1460.msg7784#msg7784
De esta manera sera mas fácil ayudarte.

Saludos

Foros aprenderaprogramar.com
Didáctica y divulgación de la programación

Noticias: