Hola Mundo en JavaScript

Lo que todo el mundo hace cuando está aprendiendo a desarrollar es el típico programa de “Hola Mundo”. Así que vamos a ver cómo podemos hacer un Hola Mundo en JavaScript.

Aunque todo sea dicho que yo he visto gente que busca frases mucho más curiosas saliéndose del tópico. Si bien, el fin es el mismo. La idea es conseguir el compilar o ejecutar el primer programa en un lenguaje que estemos aprendiendo.

En este punto es donde la satisfacción nos desborda. Eso de poder decir… “ya he ejecutado mi primer programa en JavaScript”. Todo un inicio. Y es que los primeros pasos siempre son los más complicados.

Para el caso que nos atañe, el de crear nuestro primer programa en JavaScript deberemos de seguir los siguientes pasos.

En primer lugar deberemos de crearnos una página HTML. Para ello podemos utilizar cualquier editor de texto que tengamos a mano.

<html>
  <head>
    <title>Mi primer codigo JavaScript</title>
  </head>
  <body>
    <h1>Mi primer código JavaScript</h1>
  </body>
</html>

Para poder utilizar código Javascript deberemos de ayudarnos del elemento script. Dentro de esta etiqueta es donde pondremos nuestro código Javascript.

Para empezar un par de nociones nos será suficiente:

Que para escribir texto en pantalla con Javascript habrá que utilizar el objeto document y el método .write(“texto”)
Y que cada línea de código en Javascript se acaba con un punto y coma (;)

Nuestro código quedará de la siguiente forma:

document.write("Hola Mundo");

Este código lo insertamos dentro del elemento script.

<script>
  document.write("Hola Mundo");
</script>

Y la página HTML con el código JavaScript incluido será la siguiente.

<html>
  <head>
    <title>Mi primer codigo JavaScript</title>
  </head>
  <body>
    <h1>Mi primer código JavaScript</h1>

    <script>
      document.write("Hola Mundo");
    </script>

  </body>
</html>

Así tendremos nuestra página web con nuestro Hola Mundo en JavaScript. Ya solo queda abrirla en un navegador web y ver nuestro primer código.

Víctor Cuervo

Programador, Arquitecto IT, álter ego de Línea de Código, amante de las tecnologías, generador de conocimiento y facilitador del aprendizaje.

Descarga el código de Hola Mundo en JavaScript

Como realizar paso a paso un Hola Mundo en Javascript generando una cadena de texto dentro de una página web mediante el método document.write

Descargar código