Wilmer Felipe Pungo
NO olviden divertirse mientras toman el curso 😊
Yeltsin Andrés Ñique Paredes
Tenga su like buen hombre
Karina L Biasini
Jajaja mooooy buenooo!!
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?
letdeclara 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()oparseInt().
¿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:
let para reservar el espacio.prompt y asignarlo a esa variable.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.
"" o "Pepito".+.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.
Wilmer Felipe Pungo
NO olviden divertirse mientras toman el curso 😊
Yeltsin Andrés Ñique Paredes
Tenga su like buen hombre
Karina L Biasini
Jajaja mooooy buenooo!!
Carlos Eduardo Gomez García
JavaScript a veces puede ser medio raro 🤔
. ¿Tú también esperabas que el alert dijera "Bienvenida 10"? Te explico por qué pasa 👇. . En programación en general, existe un concepto chévere llamado "tipo de dato", por ahora hemos visto dos de ellos: .
. Cuando le pedimos a un usuario que escriba algo desde cualquier campo de texto, JavaScript SIEMPRE va a tomar ese dato como una cadena de texto, no importa si el usuario escribe un número, para JavaScript eso es una cadena de texto 😄. . Entonces, una cosa curiosa es que JavaScript NO puede hacer operaciones matmáticas con cadenas de texto. Entonces, al toparse con que ese "5 + 5" es una cadena de texto pues JavaScript lo que hace es "pegar" ese "5 + 5" a nuestra cadena de texto que dice "Bienvenida" porque ya sabes que esto es concatenación 👀. . Recuerda siempre esto: Cualquier cosa que un usuario escriba en un campo de texto en nuestra página web, para JavaScript, eso siempre va a ser una cadena de texto 😄.
Rubén Ernesto Aragón Gil
Todo lo que está en comillas " " o ' ' se vuelve un string.
Aby Leyva
Excelente complemento para la clase...
al mn
La calidad entre el anterior curso de Programación básica y este ha incrementado bastante!!! Muy recomendado que lo terminen se nota el esfuerzo de todo el Platzi Team 💚
Joana Casillas
si
Kevin Daniel Hincapie Lumbaque
El anterior era más complejo, se mandaban de una a cosas bien complejas (al menos para mi), eso me parecía interesante hasta cierto punto porque era un reto pero a veces podía ser demasiado, ahora nos entregan información más fácil de digerir y se toman el tiempo de explicar todo :3
Samuel Steven Bernal Martínez
¿Quién más esta emocionado y dándose maratón con este curso renovado y buenísimo de Platzi?? 💚
Rubén Ernesto Aragón Gil
Miguelito
Erick Alay
Aquí presente 🤙
David Yana Ortega
Elian Nahuel Navarro
Graciasss, me sirve un montón el "//" para agregar comentarios.
Karina L Biasini
Explicado de dieeeezzz!!! 👏👏👏
Griger Ratia
Usar alert() o prompt() es genial cuando aprendemos. Pero en el futuro casi no lo usaremos. Lo que sí usaremos es (y es un spoiler) console.log() y será de nuestros mejores amigos cuando estamos realizando páginas web y verificando el código javascript.
En JavaScript, para poder usar un espacio en memoria y ponerle un nombre a ese espacio y un contenido dentro, debes reservarlo primero. Para eso usas alguna de estas palabras: var, let, o const. Cada una de estas palabras es para manejar el espacio/variable en memoria de una forma diferente. Por ejemplo, const la usamos para reservar un espacio cuyo contenido no pueda ser cambiado. Lo que se guarde allí no podrá ser distinto nunca.
Si quiero guardar mi edad en un espacio en memoria, lo hago así: var mi_edad = 28 pero no siempre tendré 28 años, por eso uso la palabra var, con ella no tendré problemas cuando quiera cambiar 28 por 29. Pero si en un espacio quisiera guardar PI, haría así const PI = 13.1415 como PI siempre valdrá lo mismo y jamás debería cambiar, entonces reservamos este espacio con const que significa que su valor es constante, que no cambiará.
let es muy parecido a var. Y lo mejor es que sepas sus diferencias mientras avances en tu aprendizaje de JavaScript.
Karina L Biasini
Una genialidad!!
Romina Alejandra Mustone
muy interesante!! gracias!
7 - Cómo declarar variables y usar prompt
let nombre = "" → Declara una variable: reservar el nombre de la variable en la memoriaprompt("Cual es tu nombre?:") → Pregunta el nombre (se parece al alert)+<html> <head> <title>Titulo de la pagina</title> <script> // Declarar una variable let nombre = "" // Dispara una alert preguntando nombre // y guardarlo en la variable "nombre" nombre = prompt("Cual es tu nombre?:") // alert que concatena el nombre con un texto de bienvenida alert("Bienvenido " + nombre) </script> </head> <body> <h2>Esto es un texto grande</h2> <p>Esto es un parrafo</p> </body> </html>
Lizette Rosalía Dazza Hernández
Aspectos importantes a repasar en esta clase:
*Mundo de la programación, agárrate :3 **Deje su like, señor o señorita
Alejandro Castro
Toma tu like, que buen resumen 😀
David Hernandez
Gracias
al mn
Las explicaciones de Freddy siempre son bastante claras lo malo que no hace muchos cursos :(
Juan Castro
ProfesorPocos!?? https://platzi.com/profes/freddier/
Joana Casillas
gracias
Camila Esmeralda Molina Pineda
MIS APUNTES CON MUCHO LOVE PARA T😎
Karina L Biasini
Genial!!!
Andres Dos Santos
Acabe esta clase y me puse a practicar, para que me apareciera la ventana preguntando nombre, lo escribo, otra ventana preguntando apellido, lo escribo, otra ventana preguntando el año, lo escribo y que al final el alert me diga Bienvenido y aparece nombre, apellido y la edad que tengo, porque le puse que haga la resta del año actual menos el que uno le escribe alert("Bienvenido " + nombre + " " + apellido + " " + "tienes " + (2022 - año)) vamos bien :D
Eduardo Peña Ramos
Excelente manera de practicar! :D
Augusto Aldana
Estuve 40min buscando el error pq se rompió el código. Y Era la comilla
Lucas Villar Marte
yo duré 3 horas, buscando el error.... incluso creé un archivo nuevo, rescreibí el codigo y al final repetí el video y el error era que escribí el ¨prompt¨como ¨prom¨
Gustavo Jiménez León
Definitivamente Freddy Vega es el mejor maestro de programación. Siempre le entiendo tan claro y lo hace ver sencillo.
Ángel Téllez Gutiérrez
Yo tengo una pregunta, estaba viendo el anterior curso de programación gratis y vi que sacaron este, mi duda es: en el otro curso se podía adjuntar un valor a nombre sin poner la función LET ¿Cuál es la diferencia entre poner LET y no ponerlo? ya que a mi me funciona igual.
Juan Castro
ProfesorAl principio nos da "el mismo resultado". Pero mientras más complejo se va volviendo tu código, más necesario se vuelve por conceptos un poco más avanzados como hoisting y scope.
Edison Manrique
¡Hola, Ángel! Tal como comenta Juan. Para una simple suma no hay ningún problema. Pero, en una aplicación real, pueden incluso presentar brechas de seguridad. Si no me equivoco, el NO usar var, let o const implica que el motor del navegador va a asumir que es var. El detalle es que var ya no se usa. Puedes investigar al respecto, aunque en otros cursos más adelante se abarca. De cualquier manera, es mala práctica. Hará tu código más difícil de leer, implica brechas de seguridad, y un largo etcétera.
Camilo Manrique
En casi 4 minutos explico javascript de una manera tan sencilla que lo entendi mejor que en el curso basico.
Jesús Fernando Obregón Armenta
En el curso básico viejo no es tan básico ja,ja,ja de hecho me quedé en la parte de los pakiman porque ya se me estaba complicando, pero igual lo terminaré después de que acabé este nuevo.
Camilo Manrique
Yo estoy muy feliz con este curso, no se que tiene freddy pero su manera de explicar es unica .
Mauricio Castro
 // pide introducir el nombre en pantalla y se almacena en la variable nombre alert ("Bienvenida " + nombre) // Muestra el mensaje de Bienvenida y el nombre introducido. </script>