Codex Barba

Hola Mundo en JavaScript

Primeros pasos con JavaScript

Vamos a crear nuestro primer programa en JavaScript, que será un simple “Hola Mundo”. Este es un ejercicio clásico para familiarizarse con la sintaxis del lenguaje.

Vamos a hacer una alerta en el navegador que muestre el mensaje “Hola Mundo”.

Podemos crear un archivo HTML y agregar un script de JavaScript dentro de él. o podemos usar un editor HTML en línea como el Editor HTML gratis de w3schools

Código HTML de ejemplo en w3schools

<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>

<h1>This is a Heading</h1>
<p>This is a paragraph.</p>

</body>
</html>

Agregando una alerta de JavaScript

Vamos a agregar un script de JavaScript dentro del archivo HTML para mostrar una alerta.

Este es el código que vamos a usar:

<script>
  alert("Hola Mundo");
</script>

Código HTML con nuestro script de JavaScript

<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>

<h1>This is a Heading</h1>
<p>This is a paragraph.</p>

<script>
  alert("Hola Mundo");
</script>

</body>
</html>

Una vez escrito el código le damos al botón “Run”.

Botón de ejecución del del código html con javascript

Al hacer clic en el botón “Run”, se ejecutará el código y aparecerá una alerta en el navegador con el mensaje “Hola Mundo”.

Alerta del código JavaScript

Y con eso ya tienes tu primer programa en JavaScript funcionando. ¡Felicidades!


Post redactado por DaviDevLeon (David de Leon)

Únete a la comunidad

¿Te ha gustado el contenido? No olvides suscribirte a las redes de la comunidad de Programación en español

¿Quieres apoyar el contenido del canal de YouTube? Hazte miembro del canal entrando a este enlace.

← Ir al inicio