Autor Tema: JavaScript ejercicio con arrays o arreglos, prompt y textContent nodo CU01136E  (Leído 4681 veces)

Rosa

  • Sin experiencia
  • *
  • APR2.COM
  • Mensajes: 12
    • Ver Perfil
Hola, Estoy haciendo el curso de Javascript y no entiendo bien el enunciado del siguiente ejercicio, alguien me lo puede explicar?

Citar
Crea un documento html con un texto en una etiqueta h1 como “Ejercicio curso aprenderaprogramar.com” y un div a continuación. Genera un script que pida cinco números al usuario usando un bucle for normal (usa prompt para pedir los datos y conviértelos a valor numérico posteriormente). Almacena los números introducidos por el usuario en un array. A continuación, accede al nodo del div y establece que muestre un texto informando del resultado de multiplicar cada uno de los números por 3 (para ello usa textContent). Ejemplo:

Al cargar la página aparecerá: Ejercicio curso aprenderaprogramar.com

      … (div vacío)

Se pedirán al usuario cinco números, supongamos que introduce 1, 3, 9, 10 y 7

A continuación en la página se visualizará: Ejercicio curso aprenderaprogramar.com

Multiplicamos por 5 los números introducidos: 1*5 = 5, 3*5 = 15, 9*5 = 45, 10*5 = 50 y 7*5 =35.

Un saludo y gracias
« Última modificación: 15 de Agosto 2015, 15:06 por César Krall »

César Krall

  • Moderador Global
  • Experto
  • *******
  • Mensajes: 2078
  • No vales por lo que dices, sino por lo que haces
    • Ver Perfil
    • aprenderaprogramar.com
Re:CU01136E
« Respuesta #1 en: 12 de Agosto 2015, 20:14 »
Hola Rosa, se trata de que en un div inicialmente vacío (<div> </div>) se muestren los resultados que pide el ejercicio.

Indica qué parte es exactamente la que no entiendes para tratar de dar una explicación más detallada.

Saludos!
Responsable de departamento de producción aprenderaprogramar.com

GonzaH

  • Sin experiencia
  • *
  • APR2.COM
  • Mensajes: 30
  • SMFPersonal
    • Ver Perfil
    • SMFPersonal
Re:CU01136E
« Respuesta #2 en: 12 de Agosto 2015, 21:09 »
Hola te dejo el codigo de como hacer el ejercicio de una forma, pero no es la correcta por que no estoy usando textContent

Código: [Seleccionar]
<html>
<head>
<title>Curso aprender programar</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
</head>
<body>
<h1>Ejercicio curso aprenderaprogramar.com</h1>
<div>
<br />
Resultado:
<script type="text/javascript">
var num = new Array();

for(i = 0; i < 5; i++) {

num[i] = parseInt(prompt('Ingresa numero'));

document.write(num[i]+" * 5 ="+num[i]*5+" ");
}
</script>
</div>
</body>
</html>

Bueno declaro el array num despues creo un bucle que de 5 vueltas, y que en esas 5 vueltas que hace me pida un numuero. Despues imprimo el número que ingreso y concateno "* 5 =" despues hago la multiplicación.



Mirando un poco creo que la forma correcta seria esta :

Código: [Seleccionar]
<html>
<head>
<title>Curso aprender programar</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
</head>
<body>
<h1>Ejercicio curso aprenderaprogramar.com</h1>
<div id="elemento">
<br />
<script type="text/javascript">
var num = new Array();
var multiplicar = "";
var cortar;

for(i = 0; i < 5; i++) {

num[i] = parseInt(prompt('Ingresa numero'));
multiplicar += num[i]+" * 5 = "+num[i]*5+", ";
}
cortar = multiplicar.substring(0, multiplicar.length-2);


document.getElementById("elemento").textContent=cortar;
</script>
</div>
</body>
</html>

En la variable multiplicar voy concatenando los resultados que me dan la multiplicación, despues en la variable cortar lo que hago es usar el metedo substring con los paramentros de inicio que seria 0 y el total de la cadena -2 asi borra el espacio y coma ", "

Y despues digo que el elemento Div muestre lo que hay en  la variable cortar.

¡Saludos!
« Última modificación: 12 de Agosto 2015, 22:30 por GonzaH »

 

Sobre la educación, sólo puedo decir que es el tema más importante en el que nosotros, como pueblo, debemos involucrarnos.

Abraham Lincoln (1808-1865) Presidente estadounidense.

aprenderaprogramar.com: Desde 2006 comprometidos con la didáctica y divulgación de la programación

Preguntas y respuestas

¿Cómo establecer o cambiar la imagen asociada (avatar) de usuario?
  1. Inicia sesión con tu nombre de usuario y contraseña.
  2. Pulsa en perfil --> perfil del foro
  3. Elige la imagen personalizada que quieras usar. Puedes escogerla de una galería de imágenes o subirla desde tu ordenador.
  4. En la parte final de la página pulsa el botón "cambiar perfil".