Foros aprenderaprogramar.com

Aprender a programar => C, C++, C#, Java, Visual Basic, HTML, PHP, CSS, Javascript, Ajax, Joomla, MySql y más => Mensaje iniciado por: Lopez2405 en 01 de Mayo 2016, 00:41

Título: innerHTML JavaScript no funciona ¿por qué no se ve nada?
Publicado por: 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.

Código: [Seleccionar]
<!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
Título: Re:¿por que no se ve nada?
Publicado por: kip13 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.
Título: Re:¿por que no se ve nada?
Publicado por: pedro,, 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 ;D