¡Felicidades! Terminaste las primeras 6 lecciones, ya tienes suficientes herramientas para escribir programas reales y útiles.
Ejemplo: un mini programa con mensajes y cálculos
Abre la consola (haz clic derecho → Inspeccionar → pestaña Consola) y copia este código.
// Mostrar un saludo personalizado
console.log("Hola, Pedro");
// Mostrar un mensaje en varias líneas
console.log("Tu pedido está listo\nPuedes retirarlo en la puerta");
// Calcular el precio total con IVA (19%)
console.log("Total con IVA:");
console.log(100 + 100 * 0.19); // Resultado: 119
// Mostrar mensaje de error
console.log("Error: la contraseña no coincide");
Verás cómo cada línea aparece una tras otra, como en un sistema real. Prueba este mismo código y haz estos pequeños cambios:
- Cambia el nombre "Pedro" por el tuyo.
- Cambia el mensaje de pedido por algo más divertido o diferente.
- Calcula el precio total con IVA para un valor distinto, como 250.
- Escribe tu propio mensaje de error (usa tu imaginación).
Vamos línea por línea
✅ Aprendiste a mostrar texto en pantalla. Aquí saludamos al usuario directamente. console.log("Hola, Pedro");
✅ Usas \\n para hacer un salto de línea y mostrar el mensaje en dos partes. console.log("Tu pedido está listo\nPuedes retirarlo en la puerta");
✅ Haces una operación matemática: sumar el 19% de IVA al precio base. También podrías usar otras fórmulas o porcentajes. console.log(100 + 100 * 0.19);
✅ Muchas aplicaciones deben decirle al usuario si todo va bien o si hubo un problema. Tú ya puedes mostrar esos mensajes. Mensajes de error o aviso:
✅ Usas comentarios para explicar qué hace cada parte del código. Y escribes las instrucciones en orden, como una receta.
¿Qué sigue?
Trabajo independiente
Tu app de consola
Este ejercicio no es obligatorio, pero te ayudará muchísimo a practicar lo que acabas de aprender. Puedes probarlo directamente en la consola del navegador.
Si algo no te queda claro, escríbele a tu mentor. Está para ayudarte.
✏️ Ejercicio 1: Mostrar el menú de inicio
Imagina que estás programando la primera pantalla de una app de compras.
Tu misión es mostrar un mensaje de bienvenida, seguido de un pequeño menú.
Instrucciones:
- Mostrar el nombre de la app con estilo:
🛍️ Bienvenido a TiendaJS - Mostrar una línea en blanco (usa
\n) - Mostrar tres productos con su precio, uno por línea:
1. Café - $60002. Té - $45003. Chocolate - $5000- Mostrar una instrucción:
Escribe el número del producto para continuar...
🎯 Objetivo:
Practicar cómo mostrar texto con saltos de línea, escribir instrucciones claras y usar console.log() con buen formato.
✅ Resultado esperado:
Un pequeño menú claro y bien estructurado, como si fuera una interfaz real.
Para acceder completo a curso necesitas un plan básico
El plan básico te dará acceso completo a todos los cursos, ejercicios y lecciones de Códica, proyectos y acceso de por vida a la teoría de las lecciones completadas. La suscripción se puede cancelar en cualquier momento.