Cómo declarar variables y usar prompt

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:
.

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 😄.

¿A M?

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 💚

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?? 💚

Wilmer Felipe Pungo

hace 22 días

NO olviden divertirse mientras toman el curso
😊

Irving Caamal

Uno ejemplo de hueco de seguridad al que se refiere Freddy es que un atacante puede inyectar y sobrescribir cualquier función de JS como prompt

Cómo hacerlo?

1. Copia y pega esto en la consola o tu archivo JS (básicamente sobre escribes prompt con cualquier funcionalidad que desees)
	```
	const _prompt = window.prompt;
	window.prompt = function(p) {
  		const value = _prompt(p);
  		alert(`I intercepted ${value}`);
  		return value;
	}
	```
1. let nombre = "";
2. nombre = prompt("Cual estu nombre?")
3. Rellena el prompt
4. En cuanto mandes el prompt se ejecutara el código sobre escrito y veras el alert  `I intercepted X`
Cabe destacar que este ejemplo es un poco tonto pero recuerda que podemos poner cualquier código en ese prompt 

y cómo te `infectas`? 
Por ejemplo una extensión maliciosa puede sobre escribir prompt por eso no debemos instalar extensiones al navegador que no sean confiables

davidyo

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 nombre
	alert ("Bienvenida " + nombre) // Muestra el mensaje de Bienvenida y el nombre introducido. 
	</script>

¿A M?

Las explicaciones de Freddy siempre son bastante claras lo malo que no hace muchos cursos 😦

Camila Esmeralda Molina Pineda

MIS APUNTES CON MUCHO LOVE PARA T😎

Let nos permite crear una variable.
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.

Rolando Tarqui Benito

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>
		<h1>Esto es un texto grande</h1>
		<p>Esto es un parrafo</p>
</body>
</html>

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.

Lizette Rosalía Dazza Hernández

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

Camilo Manrique

En casi 4 minutos explico javascript de una manera tan sencilla que lo entendi mejor que en el curso basico.

Augusto Aldana

Estuve 40min buscando el error pq se rompió el código. Y Era la comilla

Sonia Silva Contreras

William Alfredo Bermudez Leal

Puedes declarar muchos tipos de variables diferentes pero al declararlas lo puedes hacer de muchas formas, iniciando

var variable = "variable" // Variable de uso global

o también como:

let variable = "variable" //Variable de uso local

o también como:

const variable = "nunca cambiare" //Variable de uso constante

Uso practico para entender el tipo de declaración let y como usarla localmente:

let x = 1;

if (x === 1) {
  let x = 2;

  alert(x);
  // resultado de alerta esperada: 2
}

alert(x);
  // resultado de alerta esperada: 1

Gustavo Jiménez León

hace 19 días

Definitivamente Freddy Vega es el mejor maestro de programación. Siempre le entiendo tan claro y lo hace ver sencillo.

ifdavid

Actualmente la computadora necesita que seamos muy específicos para que nos entienda, esto es un principio del Álgebra. Por ejemplo:
alert no es igual que Alert

Por esa razón 5+5 no es una suma hasta que no le digamos a la computadora que 5 es un número y que + es el operador suma

Melissa Rodríguez Castillo

🥹 Recordando él anterior curso de programación básica “Hola mamá ya sé programar “ “la calculadora del peso en otros planetas 🪐 “ “Pakiman ” y el “Arduinobot” Awww me encantan estos cursos 💚💚💚

Daniela Itriago

Ya de negativa pensé que se haría pesado y máximo pensaba ver 5 clases, ahora creo que llego a diez. Para asimilar, repasar y seguir mañana. Sin prisa pero sin pausa.

Efrain Dzul

hace 19 días

Estuve 5 min revisando que se había roto en mi código; básicamente el “=” lo había colocado así: nombre prompt =("¿Cuál es tu nombre?") en vez de así: nombre = prompt("¿Cuál es tu nombre?") //definitivamente esto me sirve para poner más atención a los detalles.

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 😄

Francisco Sebastian Dueñas Caicedo

Francisca xd

Marcel De Jesus Oliveros Carvajal

hace 12 días

Buenas noches, estoy muy contento y agradecido por los conocimientos que estoy adquiriendo en este plataforma, la forma que explica el profesor Freddy para mi es muy entendible, estaba en otra plataforma y la verdad era muy dificil espero me ayuden soy nuevo en este tema pero me gusta mucho, espero algun dia llegar a programar

JOSE MANUEL PAEZ CASTRO

hace 11 días

¡Hasta ahora me ha encantado todo! Estoy muy emocionado la verdad. Un poco más lento porque no uso Windows sino Linux Ubuntu, y tuve que buscar las adaptaciones para Linux, pero feliz de entender los dos entornos.

Alejandro Munelo

Quise probar con algo más y logré esto:

let usuario = ""
usuario = prompt(“Bienvenido, ¿Cuál es tu nombre?”);
let edad = ""
edad = prompt(“Bienvenido, ¿Cual es tu edad?”)
alert("Bienvenido " + usuario + " , tu edad es " + edad);

braulio Gonzalez

Aquivamos. a tu ritmo… cada quien lleva un ritmo… solo intenta no pasar de clases si no estas empapado en esta. no tiene ninguna utilidad llegar al final si no entendistes… cada quien tiene su tiempo…

Albertt Corvacho

hace 20 días

el código que da funcionalidad al html va en el script

Juana Barreto

ahora si a programar de verdad

Iván Santiago Tellez Hernandez

hace 8 días

Uno puede reservar el nombre de la variables en la memoria para luego usarla en otras partes de la página que se esta diseñando.

let --> Permite crear una variable para usarla después.
prompt --> Permite saber y obtener un texto de forma invasive.
Al abrir y cerrar comillas lo que se indica es que dicha variable va a ser de tipo texto o string.
Si declaro una variable la cual va a tener un prompt, lo que está va a hacer es es que lo que se escriba dentro del prompt, va a quedar guardado en la variable nombre.

Daniel Bertrand

hace 11 días

Cómo declarar variables y usar prompt

Declara variable con la palabra reservada let nombre
Asignamos el valor de nombre al prompt
Concatenamos mensaje de bienvenida con el valor de nombre

<<script>
    let nombre = " "
    nombre = prompt ("¿Cual es tu nombre?")
    alert("Bienvenido " + nombre)
</script>>

![](
![](

mauricio-castro-ortiz

![](

Eduardo José Girón Torres

Excelente profesor 👍

Alfredo Olmedo

hace 15 días

Programación se trata de ser muy descriptivo y ser claro

Bairon Bohorquez

hace 15 días

let : Nos permite declarar una variable para usarla después.

prompt: Nos permite capturar datos de una manera invasiva , por medio de una caja.

Diego Alejandro Moreno Pedroza

Les comparto mis notas de clase, por ahora estan en construcción mientras voy avanzando!

Enjoy

walter_chocoj

prompt(): es un método del objeto window de JavaScript que se usa para mostrar un cuadro de diálogo con un mensaje que solicita al usuario que ingrese algún texto.

OSWALDO DE JESÚS MONTES CAMARILLO

¡¡Excelente explicación!! A darle con todo.

Jhon Eider Velasco Molina

la verdad ya soy programador intermedio pero me costo mucho aprender y veo este curso que explica de una menera muy chevere los felicito de verdad

Mauricio Alberto Montaño Arango

hace 19 días

Esta una chimba y se nota la calidad de edición con respecto al primer curso gratis de programación

Arturo Pérez Mayorga

hace 20 días

Conceptos nuevos pero bastante utiles, es repasar y volver a repasar los videos para que quede más claro

Andres Geovani Salamanca Martinez

hace 20 días

la pedagogia de los profesores de platzi es increible ,viendo este curso con la misma ilusion que el primero ❤️

Juan Pèrez

Comenzamos a programar de verdad 🚀
Muy emocionante!

MARTHA SUAREZ

let nos permite crear una variable para usarla después

Si abro y cierro comillas así: “” le estoy diciendo que la variable va a ser un texto y no tiene nada por dentro

promt nos permite saber y obtener un texto a través de una caja

Glorimar Rojas

wow increíble Todo Este tema de la programación !!

Pamela Cinthya Torres Gutiérrez

hace 10 horas

Lo que aprendí hoy es que:
.
let me permite cargar una variable que después puedo utilizar.
.
prompt me permite poder obtener un texto, pero de manera robusta, y que también se puede reutilizar en una variable.
.

Juan David Franco F.

hace 2 días

El estándar utf-8 permite agregar tildes, ñ y caracteres especiales y se coloca en el <head>

<head>
<meta charset = "utf-8 />
</head>

El promt nos muestra un cuadro de diálogo con un mensaje opcional solicitando al usuario que introduzca cierta información.

El let nos permite declarar una variable para usarla luego.

Bernardo Urbano

hace 2 días

Muchas gracias profe. Freddy, excelentes tutoriales. Estoy aprendiendo a programar.

Samuel Arcila Vélez

hace 3 días

Me gusta mucho la forma en la que Freddy nos explica y además nos alienta, lo digo por la frase final de la clase. Muchas gracias

Jesús Seturino

hace 3 días

¿Cómo se declara una variable?
.
let nos permite crear una nueva variable, lo que hacemos es reservarla en la memoria para usarla después (en este caso la variable declarada es nombre).

let nombre = ""

Nota: cuando se abren comillas y se cierran inmediatamente, se esta indicando al procesador que la variable va a tener un texto pero que por el momento se encuentra vacía.
.
prompt es una alternativa que nos permite capturar textos, al establecer que nombre = prompt, el texto capturado será guardado en nuestra variable . La cadena de texto ¿Cuál es tu nombre? nos servirá para especificar la información que estamos solicitando.

nombre = prompt("¿Cuál es tu nombre?")

Nota: los datos capturados en un prompt son, por defecto, cadenas de texto.
.
A continuación, y para mostrar que efectivamente hemos capturado el texto, disparamos un alert.

alert("Bienvenida " + nombre)

El resultado en concreto de las líneas de código escritas en esta sesión se ven así:

<script>
	let nombre = ""
	nombre = prompt("¿Cuál es tu nombre?")
	alert("Bienvenida " + nombre)
	</script>

Evelyn Barranco

hace 4 días

let Permite declarar una variable para usarla después
prompt Permite saber y obtener texto de manera invasiva
alert(“String”) method displays an alert box with a message and an OK button. Method is used when you want information to come through to the user.

Luis Alvarez

hace 5 días

creo que dejaré este curso, estoy en la 7ma clase y hasta ahora no me aparece esa ventana emergente que explica este profe. HELP!!!

Juan David Ospina

hace 5 días

Excelente curso, lo hacen ver de una manera practica

Alessandro Garcia

hace 5 días

Fue tan buena la introduccion que ni me di cuenta que ya estaba programando en JS 😎💚

Hans Antonio Ccalla Ramirez

hace 6 días

Exelente clase profesor… 😃

JoaoGarduno

hace 7 días

Recuerda: La información que coloque el usuario en esa caja de texto, este valor será de tipo String, no hay ningún problema mientras necesites un tipo de dato String, pero si necesitas una dato de tipo número, este valor se pasaría como String entonces, lo que tenemos que hacer es cambiar ese tipo de valor String a Number.

Luis Esteban Loaiza Garcia

hace 7 días

Es increíble que lo que me tomo días aprender en clase lo aprenda con Freddy en una hora, definitivamente Platzi es otro nivel. Muchas gracias.

Castro Daniela

hace 9 días

Espero poder terminar este curso en este mes.
Lo estoy iniciando sábado 6 de agosto ❤️

Marissa Vargas

hace 10 días

**let **- permite declarar una variable para usarla después
prompt - permite saber y obtener un texto

Mark Mark

hace 11 días

<!DOCTYPE html>
<html lang=“es”>
<head>

<meta charset=“UTF-8”>
<meta http-equiv=“X-UA-Compatible” content=“IE=edge”>
<meta name=“viewport” content=“width= , initial-scale=1.0”>

<title>PLATZY-HTML</title>
<link rel=“icon” href="./img/ico/games_01.ico" type=“image/x-icon” />
<script>
let nombre = “”;
nombre = prompt(‘Cual es tu nombre?’);
alert('Bienvenido ’ + ‘:’+ ’ ’ + nombre);
</script>
</head>
<body>
<h1>Primer intento de website</h1>
<p>Este es nuestro primer programa completo y profesional</p>
<p>Gran Programa</p>

</body>
</html>

Kevin Gabriel Chanamé Yafac

Notita importante

Java es un lenguaje para servidores, aplicaciones de escritorio y aplicaciones Android

JavaScript es el lenguaje de la web, servidores, robots, etc.

Jhon Edinson Carrascal Garcia

Un pequeño aporte en la practica de esa clase, pd: No se como pegar imágenes 😦

Marcos Monteverde

hace 16 días

que bueno que ya empezemos con JS

walter_chocoj

let te permite declarar variables limitando su alcance al bloque donde se está usando, a diferencia de la palabra clave “var” la cual define una variable global o local en una función sin importar el ámbito del bloque.

Luis Elias

Quiero compartir con todos ustedes un proyecto diseñado y programado por mí, es una Documentación Técnica de HTML5. Donde explico con teorías y con ejemplos el lenguaje de HTML. Espero que sea de mucha utilidad y de mucho interés. 💚 documentacion-html5.tech

NOTA: Si no funciona dándole clic escríbelo manual en el buscador del navegador.

Cristian Calmet

Hice esto en “bienvenida/o” para que diga bienvenido / bienvenida

Mauricio Baez