Los tres sitios donde se ejecuta JavaScript
JavaScript no se ejecuta por sí solo: necesita un entorno anfitrión que entienda el lenguaje. En 2026, los tres entornos que vas a usar de verdad son estos:
- El navegador. Cada navegador incluye su propio motor de JavaScript (V8 en Chrome y Edge, SpiderMonkey en Firefox, JavaScriptCore en Safari). Pegas el código en las DevTools y listo, se ejecuta.
- Node.js. Un runtime independiente que permite ejecutar JavaScript fuera del navegador: desde la terminal, en servidores o dentro de herramientas de build.
- Playgrounds online y editores embebidos (como los que ves en esta página). Por dentro no son más que alguno de los dos anteriores, envueltos en una interfaz web.
El lenguaje es el mismo en todos lados. Lo que cambia es a qué puede acceder tu código: en el navegador tienes document y window; en Node tienes el sistema de archivos y la red. Empieza por el que te resulte más cómodo en tu situación, que siempre puedes cambiar.
Opción 1: la consola del navegador
La forma más rápida de ejecutar una línea de JavaScript es la consola de las DevTools del navegador. Abre cualquier página web, pulsa F12 (o Cmd+Option+I en Mac), entra a la pestaña Console y escribe:
Pulsa Enter después de cada línea. La consola imprime el valor de retorno de las expresiones y cualquier cosa que le pases a console.log. Puedes declarar variables, llamar funciones e inspeccionar la página actual: document.title te devuelve el título de la pestaña abierta.
La consola viene genial para:
- Probar un fragmento de código en dos segundos.
- Trastear con el DOM de una web en producción.
- Depurar código que ya se está ejecutando en la página.
Lo que escribes en la consola se pierde al cerrar la pestaña. Si quieres conservar algo, guárdalo en un archivo.
Opción 2: una etiqueta <script> dentro de un archivo HTML
Para ejecutar JavaScript como parte de una página web, métele el código a un archivo HTML. Guarda esto como index.html y haz doble clic para abrirlo en el navegador:
<!doctype html>
<html>
<body>
<h1 id="title">Cargando...</h1>
<script>
document.getElementById("title").textContent = "Hola desde un script";
console.log("El script se ejecutó");
</script>
</body>
</html>
La etiqueta <script> le dice al navegador: "ejecuta esto como JavaScript". El código tiene acceso a la página en la que está incrustado, así que document.getElementById(...) puede llegar al <h1> que aparece antes. Abre las DevTools para ver la salida de console.log.
Si tu código ocupa más de unas pocas líneas, mejor muévelo a un archivo aparte y enlázalo:
<script src="app.js"></script>
Coloca la etiqueta <script> justo antes de cerrar <body>, o añádele el atributo defer, para que se ejecute una vez que el HTML de la página ya esté parseado. Verás más sobre los scripts de tipo módulo y el orden de carga en el capítulo de Módulos.
Opción 3: ejecutar JavaScript con Node.js desde la terminal
Cuando necesitas JavaScript sin navegador —un script que renombra archivos, un pequeño servidor o un trabajo rápido de procesamiento de datos— lo suyo es usar Node.js. Instálalo desde nodejs.org (elige la versión LTS) y luego comprueba que funciona:
node --version
Guarda el archivo como script.js:
Después, desde esa misma carpeta, ejecuta:
node script.js
La salida se imprime directo en la terminal. Sin HTML, sin navegador, sin paso de compilación. Así es como se hace la mayor parte del desarrollo "real" de JavaScript fuera del navegador — además, Node también mueve las herramientas (bundlers, test runners, linters) que rodean a cualquier proyecto web.
También puedes abrir Node sin pasarle ningún archivo. Solo escribe node y pulsa Enter: se abre un prompt interactivo (un REPL) donde cada línea se ejecuta en cuanto la escribes. Es muy útil para probar cosas al vuelo, tipo la consola del navegador pero en tu terminal.
Opción 4: el editor de esta página
Cada bloque editor-javascript en Coddy es un editor en vivo. Edita el código, dale a Run y mira la salida. Es la opción más cómoda mientras estás aprendiendo: nada que instalar, nada que configurar, sin cambiar de pestaña:
Cambia "mundo" por tu nombre y vuelve a ejecutarlo. Ese es todo el ciclo de trabajo: editar, ejecutar, leer la salida. Gran parte de este tutorial está pensado justo para eso.
¿Cuál conviene usar?
Elige la opción que mejor encaje con lo que estés haciendo:
- Probar una línea suelta o inspeccionar una página en vivo — la consola del navegador.
- Construir algo con una página web alrededor — un archivo HTML con una etiqueta
<script>. - Escribir un script, una herramienta o un servidor — Node.js desde la terminal.
- Seguir este tutorial — los bloques de editor que verás aquí mismo.
Un par de cosas que suelen confundir a quien empieza:
- En Node.js no existen
documentniwindow. Eso es cosa del navegador. Si llamas adocument.getElementById(...)en Node, te saltaReferenceError: document is not defined. - En el navegador no tienes acceso al sistema de archivos. Los navegadores aíslan las páginas por seguridad. Si quieres leer un archivo local, toca irse a Node.
console.logfunciona en los tres entornos. Es el "imprime algo" universal de JavaScript.
Un script para comprobar que todo funciona
Ejecuta esto en el entorno que hayas elegido. Si ves las tres líneas de salida, ya estás listo para la siguiente página:
Tres cosas en un solo fragmento: console.log, el objeto nativo Date y un método de array con una arrow function. Los verás en detalle en los próximos capítulos.
Siguiente: sintaxis y punto y coma
Ahora que ya tienes código corriendo en alguna parte, toca ver qué pinta tiene la sintaxis de JavaScript: sentencias, expresiones y la eterna discusión sobre si hay que poner punto y coma al final de cada línea. Vamos con ello.
Preguntas frecuentes
¿Cómo ejecuto código JavaScript?
Tienes tres opciones sencillas: pegarlo en la consola de DevTools del navegador y pulsar Enter; meterlo en un archivo HTML dentro de una etiqueta <script> y abrir el archivo; o instalar Node.js y lanzar node script.js desde la terminal. Las tres ejecutan el mismo lenguaje, lo único que cambia es el entorno que lo envuelve.
¿Cómo ejecuto un archivo JavaScript desde la terminal?
Instala Node.js desde nodejs.org, guarda tu código como script.js y lanza node script.js en la terminal, dentro de la misma carpeta. Lo que imprimas con console.log(...) saldrá directamente en la terminal. Sin HTML, sin navegador y sin procesos de build de por medio.
¿Cómo ejecuto JavaScript en Chrome?
Abre cualquier página web, pulsa F12 (o Cmd+Option+I en Mac) y entra en la pestaña Console. Escribe cualquier expresión y pulsa Enter: se ejecuta al instante sobre esa página. Es la forma más rápida de probar un snippet, inspeccionar el DOM o trastear con una web en vivo.
