Autor Tema: Modificar el contenido de una web con textContent JavaScript ejemplo CU01136E (Leído 3526 veces)

jbodenser · « **en:** 06 de Marzo 2016, 21:23 »

Hola. Envío mi ejercicio CU01136E del tutorial JavaScript desde cero para comprobarlo.

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).

Código: [Seleccionar]

<!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

bermartinv · « **Respuesta #1 en:** 06 de Marzo 2016, 23:19 »

Funciona bien, además me gusta mucho eso de :

"window.addEventListener('load',ejemplo,false)", otra alternativa al "window.onload=function ejemplo() { ..... } "

Salvadoruve2 · « **Respuesta #2 en:** 18 de Junio 2016, 14:16 »

Hola yo no he entendido que significa :
"window.addEventListener('load',ejemplo,false)"

Me lo podrías explicar?

pedro,, · « **Respuesta #3 en:** 23 de Junio 2016, 11:03 »

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.

Foros aprenderaprogramar.com
Didáctica y divulgación de la programación

Noticias:

Autor Tema: Modificar el contenido de una web con textContent JavaScript ejemplo CU01136E (Leído 3526 veces)

jbodenser

Modificar el contenido de una web con textContent JavaScript ejemplo CU01136E

bermartinv

Re:NodeList JavaScript. CU01136E

Salvadoruve2

Re:Modificar el contenido de una web con textContent JavaScript ejemplo CU01136E

pedro,,

Re:Modificar el contenido de una web con textContent JavaScript ejemplo CU01136E

Preguntas y respuestas