Ejemplos de JavaScript

← Más ejemplos: C# y C++

Ejemplos de JavaScript para resolver tareas concretas, en la terminal con Node.js y en el navegador: archivos, JSON, peticiones con fetch, un servidor web, fechas, expresiones regulares, el DOM y los eventos. Cada uno trae el código completo, la salida real y, cuando ayuda, un esquema. Si empiezas desde cero, el curso va antes.

Curso nuevo · 8 leccionesAprende JavaScript desde cero, en españolDel primer programa a los módulos y las pruebas: tipos y valores, control de flujo, funciones y closures, arrays y objetos, clases y this, promesas y async/await. Con esquemas y todo el código ejecutado con Node.js 24.Ir al curso → Rarezas · 18 casosLo que parece un fallo de JavaScript y no lo es0.1 + 0.2, sort() con números, map(parseInt), NaN, typeof null, [] + {}, this, las fechas y los emojis. Qué pasa, por qué y cómo evitarlo.Ver las rarezas → Test · 24 preguntas¿Cuánto sabes de JavaScript?Un test de opción múltiple sobre las lecciones del curso. Al terminar, la nota, los aciertos por lección y la explicación de cada respuesta. Se corrige en tu navegador, sin registrarte.Hacer el test →

Los ejemplos de Node usan módulos ES (import) y solo la biblioteca estándar, sin instalar nada. Para los del navegador conviene servir la página con un servidor local en vez de abrir el archivo con doble clic, porque los módulos no se cargan desde file://.

En la terminal, con Node.js

En el navegador

  • La etiqueta scriptDónde ponerla, por qué un script en el head no encuentra los elementos y qué cambian defer, async y type=»module».
  • Modificar la página: el DOMCómo encontrar, cambiar, crear y borrar elementos de una página web con JavaScript: querySelector, textContent, classList, dataset, createElement y…
  • Eventos: clics, formularios y delegaciónResponder a lo que hace el usuario con addEventListener: clics, formularios sin recargar la página, delegación de eventos, captura y burbuja, target…
  • Guardar datos en el navegador con localStoragelocalStorage en JavaScript: guardar y leer datos que sobreviven al cerrar el navegador, por qué solo guarda cadenas, cómo guardar objetos con JSON…
  • Dibujar con canvas: formas, texto y animaciónPrimeros pasos con el elemento canvas: el sistema de coordenadas, rectángulos, círculos, líneas y texto, leer píxeles, cómo evitar que se vea borroso…

Todo el código se ejecutó con Node.js 24 y, lo del navegador, en Chromium, antes de publicarse; las salidas que aparecen están copiadas de esa ejecución.