Aprender a declarar variables en JavaScript es el primer paso para programar en serio. Aquí entenderás cómo reservar un espacio en memoria con let, capturar datos del usuario con prompt y mostrarlos con alert, todo con ejemplos prácticos pensados para quien recién empieza.
¿Qué significa declarar una variable en JavaScript?
Declarar una variable es reservar un nombre en la memoria del navegador para usarlo después en cualquier parte de tu aplicación. No se trata solo de escribir a = 5 y ya; necesitas avisarle al lenguaje que ese espacio existe.
En JavaScript moderno usas la palabra reservada let para crear ese espacio. Por ejemplo:
javascript
let nombre = "";
Las comillas vacías le indican al procesador algo importante: la variable existe, va a contener texto y por ahora está vacía. Si en lugar de comillas pusieras un 1, estarías diciendo que la variable es numérica. Esa diferencia entre texto y número va a ser clave más adelante.
¿Qué hace let en JavaScript? let declara una variable con un nombre reservado en memoria. Puedes asignarle un valor inicial y luego cambiarlo o reutilizarlo en otras partes del código.
¿Cómo capturar datos del usuario con prompt?
Una vez tienes la variable lista, necesitas llenarla con algo. Para pedirle información a quien usa la página, JavaScript ofrece una función llamada prompt, que se comporta de forma parecida a alert pero abre una caja de texto donde la persona puede escribir.
La estructura es directa:
javascript
let nombre = prompt("¿Cuál es tu nombre?");
Lo que la persona escriba dentro de esa caja queda guardado automáticamente en la variable nombre. Si solo escribes prompt("¿Cuál es tu nombre?") sin asignarlo a nada, la pregunta aparece, pero el dato se pierde. Por eso el signo igual importa tanto: conecta lo que el usuario escribe con el espacio que reservaste con let.
¿Y si el usuario escribe un número?
Aquí viene un detalle que vale la pena tener claro. Si alguien responde 5+5 esperando obtener 10, no va a pasar. JavaScript trata por defecto todo lo que viene de un prompt como cadena de texto, no como expresión numérica. Para convertirlo en número tienes que ser explícito, y evaluar expresiones del usuario directamente además sería un hueco de seguridad.
¿Por qué prompt devuelve siempre texto? Porque JavaScript asume que cualquier entrada del usuario es una cadena. Si necesitas un número, debes convertirlo manualmente con funciones como Number() o parseInt().
¿Cómo mostrar el valor de una variable con alert y concatenación?
Tener el nombre guardado no sirve de mucho si no lo usas. Para devolverle un mensaje a la persona puedes apoyarte en alert y unir el texto fijo con la variable usando el signo +. Esa unión tiene un nombre técnico: concatenación.
javascript
let nombre = prompt("¿Cuál es tu nombre?");
alert("Bienvenida " + nombre);
Si alguien escribe Francisca, el navegador mostrará Bienvenida Francisca. Fíjate en el espacio dentro de las comillas después de Bienvenida; sin él, las palabras quedarían pegadas.
Los pasos para que el flujo funcione son tres:
- Declarar la variable con
let para reservar el espacio.
- Capturar el dato con
prompt y asignarlo a esa variable.
- Mostrar el resultado con
alert concatenando texto y variable.
Con esa secuencia ya tienes una mini interacción real entre tu código y quien visita la página.
¿Qué conceptos clave acabas de dominar?
En pocos minutos aprendiste a manejar piezas que aparecen en casi cualquier proyecto web.
- Variable: nombre reservado en memoria para guardar datos y reutilizarlos.
- let: palabra reservada de JavaScript para declarar variables modernas.
- Cadena de texto: valor delimitado por comillas, como
"" o "Pepito".
- prompt: función que abre una caja para pedir información al usuario.
- alert: función que muestra un mensaje en pantalla.
- Concatenación: unir cadenas y variables usando el signo
+.
Existen formas más elegantes que prompt para pedir datos, como formularios HTML, y las irás conociendo en cursos más avanzados. Por ahora, esta base te alcanza para entender cómo el código guarda, transforma y devuelve información.
¿Qué variable vas a crear primero en tu próximo ejercicio? Cuéntame en los comentarios cómo te fue al probar tu primer prompt.