¡Haz clic aquí para dar el primer paso hacia nuevas experiencias y transformar tu futuro!
Si estás dando tus primeros pasos en el mundo de la programación con JavaScript, probablemente te preguntes cómo ejecutar tu primer programa, el clásico Hola Mundo . En este artículo, te mostraremos cómo hacerlo directamente desde Google Chrome , utilizando herramientas integradas como la Consola de Desarrollador .
¿Qué Necesitas?
- Google Chrome instalado en tu computadora.
- Un editor de texto (puede ser Notepad , VS Code o cualquier otro).
- Conocimientos básicos de JavaScript.
Paso 1: Escribe tu códigohola-mundo.js
Primero, crea un archivo llamado hola-mundo.jscon el siguiente contenido:
JavascriptCopiarEditarconsole.log("¡Hola, Mundo!");
Este simple código imprime el mensaje «¡Hola, Mundo!» en la consola del navegador.
Paso 2: Crea un archivo HTML para ejecutar el script
Para que Google Chrome pueda ejecutar tu archivo hola-mundo.js, necesitas un archivo HTML que lo cargue. Crea un archivo llamado index.htmlen la misma carpeta y agrega el siguiente contenido:
htmlCopiarEditar<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<title>Hola Mundo en JavaScript</title>
</head>
<body>
<h1>Ejecutando Hola Mundo en Google Chrome</h1>
<script src="hola-mundo.js"></script>
</body>
</html>
Este código HTML enlaza el archivo hola-mundo.jsusando la etiqueta <script>.
Paso 3: Abrir el Archivo en Google Chrome
- Localice el archivo
index.htmlen su computadora. - Haz clic derecho sobre él y selecciona «Abrir con» > Google Chrome .
Paso 4: Visualice el Resultado en la Consola de Desarrollador
El mensaje «¡Hola, Mundo!» no aparecerá en la página web, sino en la Consola de Desarrollador de Chrome. Para verlo:
- Presiona F12 o haz clic derecho en la página y selecciona «Inspeccionar» .
- Ve a la pestaña «Consola» .
¡Deberías ver el mensaje ¡Hola, Mundo!ahí!
Método Alternativo: Ejecutar el Código Directamente en la Consola
Si no deseas crear archivos, también puedes escribir directamente en la consola de Chrome:
- Abra Google Chrome y presione F12 para abrir las herramientas de desarrollador.
- En la pestaña «Consola» , escribe el siguiente código:
JavascriptCopiarEditarconsole.log("¡Hola, Mundo!");
- Presiona Enter y verás el mensaje en pantalla.
Conclusión
¡Y listo! Ha ejecutado tu primer programa en JavaScript usando Google Chrome. Esta es una de las formas más rápidas y sencillas de comenzar a practicar JavaScript, ya que no necesitas herramientas adicionales. A medida que avances, puedes explorar editores de código más avanzados y servidores locales para proyectos más complejos.
¡Haz clic aquí para dar el primer paso hacia nuevas experiencias y transformar tu futuro!
