Buenas amigos aquí dejo una posible solución al ejercicio CU01136E del curso avanzado de programación web con JavaScript.
EJERCICIO
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 3 los números introducidos: 1*3 = 3, 3*3 = 9, 9*3 = 27, 10*3 = 30 y 7*3 =21.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Ejercicio con textContent</title>
<style media="screen">
body {
text-align: center;
}
</style>
<script type="text/javascript">
function pedirNumeros() {
var Numeros = [];
for (i = 0; i < 5; i++) {
Numeros[i] = Number(prompt("Introduce un número"));
}
var multiplicar = "Tus numeros se han multiplicado por 3: ";
var posicion = document.getElementById('contenedor');
for (j in Numeros) {
var calc = Numeros[j] * 3;
multiplicar = multiplicar + Numeros[j] + ' X 3 = ' + calc + ', ';
}
posicion.textContent = multiplicar;
}
window.addEventListener('load', pedirNumeros, false);
</script>
</head>
<body>
<h1>Ejercicio curso aprenderaprogramar.com</h1>
<div id="contenedor">
</div>
</body>
</html>
Saludos y gracias de antemano......
Tema: NodeList JavaScript. Diferencias de NodeList y array. Acceso a texto... CU01136E (Leído 2129 veces)
RSS -
WAP2