Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
1
respuesta

Diferencia de edades

La única duda que me quedo es como hacer para que el pop-up aparezca después de que se lea el texto de la pagina.

<meta charset="UTF-8">

<h1>Diferencia de Edades</h1>

<script>

    function imprimir(frase) {
        document.write(frase);
    }

    function saltarLinea() {
        document.write("<br>");
    }

    function mostrarAlerta(mensaje){
        alert("Nuestra diferencia de edades es de : " + mensaje + " años");
    }

    var edadHermana = 33;
    var edadYo = 30;
    var diferenciaEdades = (edadHermana-edadYo);

    imprimir("La edad de mi hermana es de " + edadHermana + " años");
    saltarLinea();
    imprimir("Mi edad es de " + edadYo + " años");
    saltarLinea();
    saltarLinea();
    imprimir("¿Cual es la diferencia de nuestras edades?");
    mostrarAlerta(diferenciaEdades);

</script>
1 respuesta

Hola Alumno, espero que estés bien.

Esto ya envuelve conceptos un poco más avanzados, pero te mostraré como hacerlo. Para esto podemos usar la función setTimeout(); . Esta función hará con que el código que esté dentro de ella sea ejecutado después de cantidad de tiempo que escribimos en su parametro.

Vea un ejemplo de como quedaría:

function mostrarAlerta(mensaje){
        setTimeout( function () {
             alert("Nuestra diferencia de edades es de : " + mensaje + " años");
            }
        }, 3000); // La cantidad de tiempo de espera tiene ser pasado en milisegundos o sea 3000 es igual a 3 segundos
}        

Si deseas saber más sobre esta función puedes leer aqui

En caso de que tengas dudas, no dejes de preguntar. Estamos aqui para ayudarte!

¡Saludos!

Si este post te ayudó, por favor, marca como solucionado ✓. Continúa con tus estudios