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: jbodenser en 06 de Marzo 2016, 21:23
-
Hola. Envío mi ejercicio CU01136E del tutorial JavaScript desde cero para comprobarlo.
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).
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Ejercicio textContent</title>
<script>
function ejemplo () {
var introducNumeros = [];
for (i = 0; i<5; i++) {
introducNumeros[i] = Number(prompt("Introduce un número"));
}
var numMultiplicados = "Tus numeros se han multiplicado por 3: ";
var lugar = document.getElementById('place');
for (j in introducNumeros) {
var calc = introducNumeros[j] * 3;
numMultiplicados = numMultiplicados + introducNumeros[j] + ' X 3 = ' + calc + ', ';
}
lugar.textContent = numMultiplicados;
}
window.addEventListener('load', ejemplo, false);
</script>
</head>
<body>
<h1>Ejercicio curso aprenderaprogramar.com</h1>
<div id="place"></div>
</body>
</html>
Un saludo
-
Funciona bien, además me gusta mucho eso de :
"window.addEventListener('load',ejemplo,false)", otra alternativa al "window.onload=function ejemplo() { ..... } "
-
Hola yo no he entendido que significa :
"window.addEventListener('load',ejemplo,false)"
Me lo podrías explicar?
-
Hola Salvadoruve2.
La sentencia dice que cuando se cargue (load) la página se llamará a la función "ejemplo".
Puedes leer mas sobre los manejadores de eventos en https://www.aprenderaprogramar.es/index.php?option=com_content&view=article&id=841:addeventlistener-javascript-remove-attachevent-this-eventos-propagacion-bubbling-captura-cu01158e-&catid=78:tutorial-basico-programador-web-javascript-desde-&Itemid=206
Saludos. ;D