This article is currently in the process of being translated into Spanish (~99% done).
Hello, world!
Todos los tutoriales de programación empiezan con un ejemplo "¡Hola, mundo!". El propósito de este ejemplo es simplemente mostrar un mensaje al usuario, que consiste en la frase "¡Hola, mundo!", sin recibir ninguna entrada ni hacer nada más. Esto se remonta a 1974, por lo menos 20 años antes de que se inventara JavaScript, pero sin embargo, este tutorial también empezará con un ejemplo de "¡Hola, mundo!
Ahora con JavaScript, el lugar donde mostrar el mensaje puede variar, en función del motor JavaScript utilizado para interpretarlo. Por ejemplo, si se ejecuta desde un navegador, se podría utilizar la función alert() para mostrar el mensaje:
alert("Hello, world!");Intente ejecutar este ejemplo y obtendrá una ventana emergente con el famoso mensaje al mundo. Como se ha comentado anteriormente, este tutorial comenzará sin centrarse en el navegador, pero sí debo mencionar que si se incrusta este código en un archivo HTML, tendrá que estar dentro de una etiqueta SCRIPT, de esta manera:
<script>
alert("Hello, world!");
</script>Hola, página web!
Con esto en mente, le mostraré otro ejemplo, en el que integramos el código JavaScript en una página web real (aunque sencilla), para que se haga una idea de cómo funciona:
<!DOCTYPE html>
<html>
<head>
<title>Hello, world!</title>
</head>
<body>
<p>And now for the world famous message:</p>
<script>
document.write("Hello, world!");
</script>
<p>Thank you, and goodnight!</p>
</body>
</html>Intente ejecutar este ejemplo, ya sea directamente aquí en el artículo, o guardándolo como un archivo .html en su computadora y abriéndolo en su navegador.
No se preocupe demasiado por las distintas etiquetas HTML, son solo la estructura básica de una página web con un poco de texto. En lugar de eso, concéntrese en el bloque de script del centro. Este bloque se ha utilizado para integrar un fragmento de código JavaScript directamente dentro del código HTML (es decir, básicamente en medio de una página web) y utilizar la función document.write() para mostrar texto directamente entre el resto del contenido.
Hola, consola!
Tome en cuenta que document.write() es una función específica del navegador, por lo que si está ejecutando esto con Node.js, es probable que no funcione. En su lugar, puede utilizar una función que funcionará en muchos motores JavaScript: console.log()
console.log("Hello, world!");Si ejecuta esto en el navegador, tendrá que mirar en la consola de desarrollador para leer el mensaje. La forma de acceder a esta zona depende del navegador que utilice, pero puede probar presionando la tecla F12 - si eso no funciona, talvez quiera ver este artículo, que explica cómo se accede a la consola de desarrollador en varios navegadores.
Resúmen
Una vez realizado el ejemplo obligatorio de "¡Hola, mundo!", estamos listos para avanzar y aprender más sobre el lenguaje JavaScript.