Estos dos procesos pueden ser muy útiles cuando estás aprendiendo a programar.
Cómo declarar variables en JavaScript
Sin complicarnos mucho, puedes declarar una variable en JavaScript escribiendo lo siguiente:
La palabra reservada “let”.
El nombre que quieres para tu variable.
El signo “=” para asignar un valor a ese nombre.
El valor que quieres para la variable. Puede ser texto (strings), números, y otras cosas que aprenderás si profundizas un poco más en JavaScript.
let a =1;
“Declarar una variable” consiste en reservar un nombre en la memoria de la computadora y asignarle el valor que tú indiques.
En JavaScript (el lenguaje que entienden los navegadores de internet) hay varias formas de declarar una variable. Sin embargo, cuando estas empezando, puedes declarar variables con “let” sin mayor problema 👍
Uso de promt()
“Prompt()” es una función nativa del navegador. Cuando la usas, esta dispara una pequeña ventana con el texto que indiques entre los paréntesis, dónde le pide al usuario que te entregue alguna información. Por lo tanto, podemos usarla para obtener información del usuario y usarla en otro lugar.
Ejemplo:
let nombre ="";nombre =prompt("¿Cuál es tu nombre?");alert(nombre +", Bienvenido a Platzi :)");
Prueba a correr ese código en el navegador para que veas lo que ocurre, y animate a experimentar un poco con lo que aprendiste aquí 😊
.
¿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:
.
Cadenas de texto
Números
.
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 😄.
Todo lo que está en comillas " " o ' ' se vuelve un string.
Excelente complemento para la clase...
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 💚
si
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
¿Quién más esta emocionado y dándose maratón con este curso renovado y buenísimo de Platzi?? 💚
Miguelito
Aquí presente 🤙
Cómo declarar variables y usar prompt
ㅤ
Al declarar una variable se reserva el nombre de esta en la memoria para luego usarla en otros lugares de la aplicación.
ㅤ
let permite crear una variable para usarla después.
prompt muestra un diálogo con un mensaje opcional solicitando al usuario que introduzca cierta información.
ㅤ
<script>let nombre =""//declara la variable nombre vacía de tipo texto nombre =prompt("Cual es tu nombre")// pide introducir el nombre en pantalla y se almacena en la variable nombrealert("Bienvenida "+ nombre)// Muestra el mensaje de Bienvenida y el nombre introducido. </script>
Graciasss, me sirve un montón el "//" para agregar comentarios.
Explicado de dieeeezzz!!! 👏👏👏
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.
Una genialidad!!
muy interesante!! gracias!
7 - Cómo declarar variables y usar prompt
let nombre = "" → Declara una variable: reservar el nombre de la variable en la memoria
prompt("Cual es tu nombre?:") → Pregunta el nombre (se parece al alert)
Para concatenar un texto con uan variable se usa → +
<aside>
💡 Caso de uso →en vez de ingresar nombre ingresar una suma “5+5”
Resultado → dispara un alert con el “5+5”
+ Por defecto esto viene como STRING, para hacer un calculo se debe convertir a numero.
de hecho esto es un hueco de seguridad
</aside>
<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>
Me encantó el aporte, muchas gracias Rolando :)
Aspectos importantes a repasar en esta clase:
Para declarar una variable "Let"
Para un cuadro de diálogo que nos permita saber y obtener un texto: Prompt
Recuerda, tenemos cadena de texto y números, cuando usamos los 2 se forma una= Concatenación
*Mundo de la programación, agárrate :3
**Deje su like, señor o señorita
Toma tu like, que buen resumen 😀
Gracias
Las explicaciones de Freddy siempre son bastante claras lo malo que no hace muchos cursos :(
Cuando abres y cierras comillas, le dices al programa que la variable va a ser de texto.
prompt es la vía mas utilizada para enviar ordenes al sistema.
Genial!!!
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
Excelente manera de practicar! :D
Estuve 40min buscando el error pq se rompió el código. Y Era la comilla
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¨
Definitivamente Freddy Vega es el mejor maestro de programación. Siempre le entiendo tan claro y lo hace ver sencillo.
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.
Al 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.
¡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.
En casi 4 minutos explico javascript de una manera tan sencilla que lo entendi mejor que en el curso basico.
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.
Yo estoy muy feliz con este curso, no se que tiene freddy pero su manera de explicar es unica .
