Tengo un problema con… no se como decirlo, etiqueta? variable? opcion? “alert”, es que al poner las etiquetas <script> </script&...

Pregunta de la clase:
HTML, CSS, JavaScript de verdad
Jean Escalante

Jean Escalante

Pregunta
studenthace 6 años

Tengo un problema con… no se como decirlo, etiqueta? variable? opcion? “alert”, es que al poner las etiquetas <script> </script> y escribir dentro el alert(“mesnaje especial con alerta”) me ejecuta siempre primero el alert y no me muestra el contenido de la pagina hasta que acepte la alerta.

¿Qué hago mal? por se llega a explicar este tema diciendo que si se pone el script en cualquier otra parte que no sea al final, voy a tener este problema de que se muestre primero el alert y no el contenido de la pagina, pero yo lo tengo bien claro eso y en mi código el script esta al ultimo como tu bien lo explicas sin embargo sigue mostrándose primero el alert y no el contenido de la pagina.

Captura.PNG

1 respuestas
para escribir tu comentario
    Santiago Cujaban

    Santiago Cujaban

    studenthace 6 años

    Mira, sin importar la posición en donde se encuentre el “alert”, siempre se ejecutará primero. ¿Por qué? Pues su mismo nombre (alert) nos indica que disparará una alerta sin permiso alguno.

    La función alert() nos permite desde JavaScript crear un mensaje de alerta sin algo más que un botón para aceptar, de modo que el mensaje desaparecerá cuando el usuario presione aceptar o cierre la ventana.

    Lastimosamente, así funciona esta función 😕 Más adelante, en las clases, verás como manipular este alert de tal forma que puedas agregar un botón, y en dicho botón al dar muestre el alert que tu quieres que aparezca. Te adelanto un ejemplo 😄:

    HTML:

    <html> <head> <meta charset="utf-8"> <title>Programa ejemplo</title> </head> <body> <input type="button" value="resultado" id="boton"> <script> var boton = document.getElementById("boton"); boton.addEventListener("click", alerta); function alerta() { alert("Hola, mundo!"); } </script> </body> </html>

    Te invito a probar el código! Copialo y pégalo en Atom o tu editor de texto de preferencia, guardalo con extensión " .html" y abrelo en tu navegador! 😄

    Saludos! 😃

Curso Gratis de Programación Básica

Curso Gratis de Programación Básica

Programa desde cero, domina Javascript, entiende HTML y aprende de algoritmos. <strong>Sí, desde cero</strong>. Entenderás la lógica del código, cómo piensan los programadores y cómo programar juegos, proyectos y hasta robots y electrónica. Aprender a programar no es fácil, pero Platzi lo hace efectivo.

Curso Gratis de Programación Básica
Curso Gratis de Programación Básica

Curso Gratis de Programación Básica

Programa desde cero, domina Javascript, entiende HTML y aprende de algoritmos. <strong>Sí, desde cero</strong>. Entenderás la lógica del código, cómo piensan los programadores y cómo programar juegos, proyectos y hasta robots y electrónica. Aprender a programar no es fácil, pero Platzi lo hace efectivo.