La consola está genial para aprender, pero cuando los programas crecen necesitamos:
- Escribir varias líneas con comodidad.
- Guardar código.
- Ejecutar programas más completos.
- Para eso vamos a usar un IDE online, que funciona directamente desde el navegador.
Dos opciones muy recomendables:
🔹 CodePen
- Muy visual e intuitivo.
- Ideal para empezar y para código corto.
- Perfecto para ver resultados rápidos.
🔹 Replit
- Más completo.
- Permite trabajar como en un entorno profesional.
- Ideal para proyectos un poco más largos.
Cualquiera de los dos te vale. Lo importante no es la herramienta, sino lo que haces con ella.
🧪 Primer ejemplo en un IDE online
Vamos a elegir CodePen por su sencillez, si deseas hacerlo con Replit, experimenta tú mismo.
- En primer lugar, accede al sitio web: https://codepen.io/
- A continuación haz clic en Start Coding como ves en la imagen a la derecha
- En este punto, empieza a crear tu código. Aquí es donde empieza la "magia":
- Ve a la sección JS (significa JavaScript), escribe el siguiente código y observa el resultado en la consola (abajo a la izquierda):
let nombre = "Ada";
console.log("Hola " + nombre);

👉 Aquí ya no estás probando instrucciones sueltas, estás escribiendo un pequeño programa completo.