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: Rosa en 12 de Agosto 2015, 16:48
-
Hola, Estoy haciendo el curso de Javascript y no entiendo bien el enunciado del siguiente ejercicio, alguien me lo puede explicar?
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
-
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!
-
Hola te dejo el codigo de como hacer el ejercicio de una forma, pero no es la correcta por que no estoy usando textContent
<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 :
<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!