JavaScript es esencial para crear sitios web interactivos y dinámicos. Esta guía explora dos maneras de ejecutar código JavaScript: directamente dentro del navegador Chrome usando sus Herramientas para Desarrolladores, y usando Node.js para un enfoque del lado del servidor o independiente.
Tabla de Contenido
Ejecutando JavaScript en Chrome DevTools
Este método es perfecto para pruebas rápidas y depuración de fragmentos de JavaScript dentro del contexto de una página web. No se necesitan instalaciones adicionales.
1. Crea tu archivo JavaScript:
Usa un editor de texto (Notepad, TextEdit, VS Code, etc.) para crear un archivo (ej., myScript.js) con tu código JavaScript:
console.log("¡Hola desde myScript.js!");
let message = "Esta es una variable.";
console.log(message);
2. Abre Chrome DevTools:
Abre Chrome, ve a cualquier página web, haz clic derecho y selecciona «Inspeccionar» o «Inspeccionar elemento» (o presiona F12). Haz clic en la pestaña «Consola».
3. Ejecuta tu código (Método 1: Entrada directa):
Escribe JavaScript directamente en la consola y presiona Enter para ejecutarlo. Esto es mejor para fragmentos pequeños.
4. Ejecuta tu código (Método 2: Usando un archivo HTML):
Esto es mejor para scripts más grandes. Crea un archivo HTML (ej., index.html):
<!DOCTYPE html>
<html>
<head>
<title>Mi prueba JavaScript</title>
</head>
<body>
<script src="myScript.js"></script>
</body>
</html>
Abre index.html en Chrome. La consola mostrará la salida de myScript.js.
Ejecutando JavaScript con Node.js
Node.js te permite ejecutar JavaScript fuera de un navegador web, ideal para scripts del lado del servidor, herramientas de línea de comandos, etc. Si bien no está directamente *en* Chrome, es crucial para desarrollar JavaScript que podría usarse en extensiones de Chrome o aplicaciones web.
1. Instala Node.js:
Descarga e instala Node.js desde nodejs.org. Esto también instala npm (Node Package Manager).
2. Crea tu archivo JavaScript:
Crea tu archivo myScript.js como se describió anteriormente.
3. Ejecuta desde la línea de comandos:
Abre tu terminal, navega al directorio que contiene myScript.js y ejecuta:
node myScript.js
La salida aparecerá en tu terminal. Node.js ejecuta el JavaScript directamente en tu computadora, no dentro del navegador Chrome.