Esta web utiliza cookies para que podamos ofrecerte la mejor experiencia de usuario posible. La información de las cookies se almacena en tu navegador y realiza funciones tales como reconocerte cuando vuelves a nuestra web o ayudar a nuestro equipo a comprender qué secciones de la web encuentras más interesantes y útiles.
Javascript – #1.02. Instrucciones de salida
Las instrucciones de salida son aquellas que permiten al usuario conocer información sobre el programa. Diríamos que es el modo que tenemos de informarle sobre lo que está pasando, mostrarle datos relevantes, etc.
Las instrucciones de salida más importantes en Javascript son las siguientes:
- Window.alert: muestra una pequeña ventanita con la información.
- Document.write: se encarga de escribir directamente en el documento HTML.
- Inner.html: aunque es más compleja de lo que parece, permite escribir en un elemento HTML de la página.
- Console.log: muestra mensajes en la consola del navegador.
¡Recuerda! Para mostrar la consola del navegador puedes hacerlo simplemente pulsando F12.
Tweet
También puedes hacerlo…:
- En Firefox: Herramientas > Desarrollador web > Consola.
- En Chrome: Ver > Opciones para desarrolladores > Consola Javascript.
- En Edge: Opciones > Herramientas > Herramientas de desarrollo > Consola.
¿Quieres ver cómo poner en práctica todo esto? Echa un ojo al vídeo:
¡Consulta en la pestaña Materiales el código fuente trabajado en la lección!
¿No te ha quedado claro? ¿Quieres aportar tu punto de vista? ¡Deja tu comentario!
Gracias por las clases !!
Hola Ada, he visto todos los videos del temario (1), esta fenomenal, todo muy claro.
¡Hola, Isidro! ¡Me alegro de que te hayan gustado! Ahora ya sabes, ¡a por el siguiente!
Hola soy Jair y estoy aprendiendo este curso
¡Hola, Jair! ¡Bienvenido!
Hola ada lovecode, tengo un problema es que en la web no me aparece que yo he abanzado en este curso y no se en que video me quede
¡Hola, Jair!
Para ver la progresión del curso tienes que pulsar sobre el botón Completar de las lecciones. De ese modo se guardará el progreso (si le das solo a siguiente, no se guardará).
He visto en tu informe que has visto el 1.01 y 1.02. ¡Así que mucho ánimo con el resto!
Hoy instrucciones de salida…,a por ello!!!!
¡Mucho ánimo, valiente!
En el chrome da problemas con el alert. He puestoen el body, una llamada a la funcion1, un h1 y otra llamada a la funcion2, en esa secuencia y parecia que se cargaba primero los scripts y luego salia el h1.
Luego lo hecho en el firefox, y sí que lo hacia secuencialmente.
¡Efectivamente, Luis! En Chrome hay un problema con ciertas instrucciones de salida que generan diálogos modales. Hay que tener mucho cuidado con este tipo de instrucciones en Javascript porque son muy intrusivas y suelen ser bloqueadas por los navegadores. Lo mejor es utilizar otro tipo de mecanismos como divs que se generan o aparecen en lugar de alerts
Muchas, Gracias!
Hola, Ada!
Estoy haciendo un curso de JS, pero me está quedando más claro contigo. Muchas gracias!!
¡Me alegro muchísimo de que te esté sirviendo, Placi! ¡Un saludo!
Cuando ejecutas el código, lo pimero que aparece es el alert (antes que el html previa que ya existe antes de la ejecución de dicho alert… ¿Por qué puede estar pasando ésto?
¡Hola, Miguel Ángel!
Me imagino que esto te está sucediendo con Google Chrome, ¿verdad? Verás, es un “problema” que presentan este tipo de mensajes, que “secuestran” el funcionamiento del navegador y se ejecutan antes de que se haya cargado el código fuente de la página. Por eso no son recomendables y es mejor utilizar otro tipo de elementos, así como Promesas, Async/Await, callbacks, etc. para evitar este tipo de comportamientos…
¡Gracias a ti por comentar, Omar! 🙂