Cómo declarar variables y usar prompt

NO olviden divertirse mientras toman el curso
😊

RetaxMaster

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

1MesGratis .

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

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>

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.

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>

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

1MesGratis .

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.

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 😄

Sonia Silva Contreras

Augusto Aldana

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

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.

Camilo Manrique

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

mauricio-castro-ortiz

![](

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.

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…

Leonardo Neira

¡Esta clase me ha desafiado bastante!
Les comparto mi práctica, la vi en los aportes y quise hacerla.
Los invito a intentarlo también 😁

<html>
<head> 
	<meta charset="utf-8" />
		<title>Mi primera programada</title>
		<script>
		let nombre = ""
		nombre = prompt("Cuál es tu nombre?")
		
		apellido = ""
		apellido = prompt("Cuál es tu apellido?")
		alert("Bienvenida " + nombre + " " + apellido)
		año = ""
		año = prompt("Cuál es tu año de nacimiento")
		alert("Soy " + nombre + " " + apellido + " y tengo " + (2022-año) + " años.")
		</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>

Acepto feedback :3

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

JOHAN Ramírez Vargas

Mi resumen en codigo

<!DOCTYPE html>
<html lang="es">
  <head>
    <meta charset="utf-8" />
    <title>Mi pagina web</title>
    <script>
        let nombre = ""
        nombre = prompt("Cuál es tu nombre?")
        alert("Bienvenido/a " + nombre)

    </script>
  </head>
  <body>
    <h1>Como declarar variables y usar prompt</h1>
    <p>La palabra <strong>let</strong> se utiliza para declarar el nombre de la variable</p>
    <p>La función <strong>prompt</strong> nos permite pedir datos al usuario de en una forma de cagita de texto con alerta</p>
  </body>
</html>

Santiago Garzon

Este plugin te ahorrará mucho tiempo

Utiliza esta extensión para que cuando estés trabajando con una tag puedas cambiar tanto la de apertura como de cierre. Por ejemplo, si tienes un H1 y quieres cambiarlo para que sea un P, no tendrás que modificar la de apertura y cierre, sino que solo cambiando el nombre de una de las dos, la otra cambia automáticamente.
Esto además de ser muy útil también te ahorrará uno que otro bug un poco raro ;3

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

Ricardo Alfonso Chavez Vilcapoma

Diferencia entre let y var:

-Let evita que se sobrescriba nuevamente el valor una vez declarado en el código y si se realiza un console.log a dicha variable, no se autodeclara.
-Var fue antes la única variable que había en JavaScript, pero que debido al problema de que pueda sobrescribirse su valor y que si se realice un console.log a dicha variable se autodeclarara como undefined, en el EC6 se definió los tipos de variable LET y CONST.

Diego Ernesto Martinez Ladino

Estoy empezando de ceros en este mundo y me parece fascinante…
Genial como explicas cada detalle Fredy.

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

Mauricio Montano

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

Salamanca Martinez Andres Geovani

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

Efrain Dzul

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.

Johnny Ramirez

Que gran forma de explicar. Sencilla, Practica, Digerible. Estoy tan entusiasmado con esto!!

joshco

Clase siete terminada.

Joseal Pantoja Durán

Tipos de Variables
(Programación) 💻

—— 👾 ——

STRING 💬
Un STRING o cadena de caracteres es un tipo de dato que se utiliza para almacenar textos, no es una variable primitiva como el el int, el bool o el float, sino que es un conjunto de variables primitivas tipo caracter.

Ejemplo: “Joseal es un tio muy cool”

—— 👾 ——

INT ❿
Las variables de tipo entero o int son aquellas que almacenan un número (ya sea positivo o negativo) no decimal . Debido a que cuando creamos una variable reservamos memoria para ella, cada tipo de variable reservará más o menos memoria para representar el dato que almacenarán.

Ejemplo: 1, 2, 6, 90, 442, 1080

—— 👾 ——

FLOAT ፹
Las variables tipo punto flotante permiten representar datos que pertencecen al conjunto numérico de los números reales, así que podemos usarla para representar números que tengan esa naturaleza, por ejemplo el peso, temperatura, volumen, altura.
Es de 32 bits, y sus decimale son de 6 dígitos

Ejemplo: 1.2, 4.56, 101.234, 5.563724

—— 👾 ——

DOUBLE ☄️

El tipo double es similar a float, pero se utiliza cuando la precisión de una variable de coma flotante no es suficiente. Las variables declaradas como tipo double pueden contener aproximadamente el doble de dígitos significativos que las variables de tipo float.

Es de 64 bits, y sus decimale son de 12 dígitos

Ejemplo: 3.2, 4.56, 201.234, a.563724789542

—— 👾 ——

BOOLEAN ✅

Las variables booleanas se almacenan como números de 16 bits (de 2 bytes), aunque solo pueden tener los valores True o False. Las variables booleanas se muestran como: True o False (cuando se usa Print ) o. #TRUE# o #FALSE# (cuando se usa Write #.

Es de 16 bits

Ejemplo: true, false

—— 👾 ——

Si te gusta este contenido, comenta, comparte, guarda y da like 💖

Suryam Mitraya

Este profesor Freddy es increíblemente claro…

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);

Albertt Corvacho

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

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.

Gabriel Corrales

Buenas con todas las ganas del mundo para aprender a programar y entrar a este mundo

Juan Pablo Quispe Molina

Pequeño aporte:

<!DOCTYPE html>
<html lang="es">
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Mi primera pagina</title>
	<script>
		function myNombre(){
			let nombre = prompt("Ingresa tu nombre", "Harry Potter");
			if(nombre != null){
				document.getElementById('nombres').innerHTML="¡Hola "+nombre+"! ¿Como estas hoy?";
			}
		}
	</script>
</head>
<body>
	<h1>El objeto window</h1>
	<h2>El método prompt()</h2>
	<p >Haga click en el boton para ver aviso</p>
	<button type="button" onclick="myNombre()">Nombre</button>
	<p id="nombres"></p>
</body>
</html>

Jose Maldonado

Nuevos aportes

Código HTML

<!doctype html>
<html class="no-js" lang="">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="x-ua-compatible" content="ie=edge">
        <title>Primera prueba Web para HTML</title>
        <meta name="description" content="Esta es mi primera prueba para HTML">
        <meta name="viewport" content="width=device-width, initial-scale=1">

        <link rel="apple-touch-icon" href="/apple-touch-icon.png">

        <!-- Enlace al CSS de mi primera Web -->
        <link rel="stylesheet" href="primer-css.css" type="text/css" media="screen" />
        <script type="text/javascript" src="primer-javascript.js">

        </script>
    </head>

    <body>
        <!--[if lt IE 8]>
            <p class="browserupgrade">
            You are using an <strong>outdated</strong> browser. Please upgrade your browser to improve
            your experience.
            </p>
        <![endif]-->
        <h1>Hola mundo! Mi primer HTML/CSS</h1>
        <h2>Mi nombres es José Maldonado</h2>
        <p>Esta es una prueba de HTML con un CSS personalizado usando una paleta de colores creada en Coolors.</p>

        <div id="video" class="video" >

        </div>

        <h2>Ejecutando mi primer Script</h2>

        <p>Presione el siguiente botón para ejecutar el codigo del script (sumando a = 5 y b = 10)</p>
        <button onclick="invokeAddNum()">Ejecutar Script</button>

        <h2>Agregando entrada de datos a la función</h2>
        <p>En este caso el usuario debe entrar dos números y los sumaremos tomandolos del input</p>
        <p></p>
        <form method="" id="" action="">
            <label for="fnumber">Primer número</label>
            <input type="number" id="fnumber" name="fnumber" value="0" min="-9999" max="9999" />
            <label for="snumber">Segundo número</label>
            <input type="number" id="snumber" name="snumber" value="0" min="-9999" max="9999" />
        </form>
        <p></p>
        <button id="addUserNum" onclick="addUserNumbers()">Suma tus números!</button>
    </body>
</html>

CSS

body {
    color: #F3EFE00;
    background-color: black;
    font-family: "Inconsolata", "Courier New", Courier, monospace;
}

p,form {
    color: #F3EFE0;
    font-family: "Inconsolata", "Courier New", Courier, monospace;
}

h1 {
    color: #F3EFE0;
    font-size: 24pt;
    font-weight: bold;
    font-family: "Inconsolata", "Courier New", Courier, monospace;
}

h2 {
    color: #F3EFE0;
    font-size: 18pt;
    font-weight: bold;
    font-family: "Inconsolata", "Courier New", Courier, monospace;
}

 h3 {
    color: #F3EFE0;
    font-size: 14pt;
    font-weight: bold;
    font-family: "Inconsolata", "Courier New", Courier, monospace;
}

iframe {
    height: 480px;
}

.video {
    display: table;
    height: 480px;
    padding-left: 25%;
}

JavaScript

/*
 *  Funcion para invocar la suma desde el primer botón de la web
 */
function invokeAddNum () {
  let a = 5;
  let b = 10;

  let sum = addNum(a,b);

  alert("La suma es de " + sum);
};


/*
 * Función para invocar la suma desde el segundo botón de la web
 */
function addUserNumbers() {

  ///// Buscamos los elementos desde el DOM del HTML /////
  const btn = document.getElementById("addUserNum");

  //// En este caso el input es del tipo string, hacemos casting a enteros ////
  let a = parseInt(document.getElementById("fnumber").value);
  let b = parseInt(document.getElementById("snumber").value);
  let sum = addNum(a,b);

  alert("La suma de los números indicados por el usuario es: " + sum);
};


/*
 * Función para sumar dos números
 */
function addNum (a , b) {
  let sum = a + b;
  return sum;
};

Felipe Castro Hernández

Mientras escuchaba un poco de música, se me ocurrió esta idea para practicar, la dejo a continuación

<!DOCTYPE html>
   <html>
        <head>
            <meta charset="UTF-8"/>
                <title>METAL EN ESPAÑOL</title>

            <script>
                var nombre =""
                var personaje =""
                prompt ("¿CÚAL ES VUESTRO NOMBRE? " + nombre)
                prompt ("ESCOGE UN PERSONAJE: (1) DON QUIJOTE, (2) Sancho Panza (3) Dulcinea " )
                if (personaje == 1){alert ("ESCOGISTE A DON QUIJOTE")}
                else if (personaje == 2){alert ("ESCOGISTE A SANCHO PANZA")}
                else if (personaje == 3){alert("ESCOGISTE A DULCINEA")}    

            </script>
        </head>
        <body>
            <title>METAL EN ESPAÑOL</title>
            <h1>LA BATALLA CON LOS CUEROS DE VINO</h1>
            <p>Controlando al astuto idalgo, Don Quijote de la mancha
                deberas derrotar a los malvados gigantes
            </p>

        </body>    
   </html>

Ivan Huguez

Let = declarar una variable para usara después
prompt = muestra una caja invasiva, obtiene un texto y lo reusa debajo con el alert para darte la bienvenida.

Yonatan alecyz Muriel lopera

lo que mas me agrada es la simplicidad con que explican en especial el profe Fredy , hay q llegar a ese nivel .

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.

Alfredo Olmedo

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

jhonvelasco73

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

Francisco Sebastian Dueñas Caicedo

Francisca xd

Marcel De Jesus Oliveros Carvajal

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

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

Juana Barreto

ahora si a programar de verdad

juan Pablo

hace 6 meses

Recuerden que en un futuro como programadores la optimizacion de codigo sera primordial! ![]()![]()![](file:///Users/Macbook/Desktop/Screenshot%202024-03-21%20at%2010.58.09%E2%80%AFPM.jpeg)![](file:///Users/Macbook/Desktop/s.jpeg)![](file:///Users/Macbook/Desktop/s.jpeg)

shaneen mariana Campos Matta

hace 3 meses

amo este curso.

mateo villegas oviedo

hace 6 meses

![](https://static.platzi.com/media/user_upload/Captura%20de%20pantalla%202024-03-29%20215645-68718481-4726-49b1-9fba-c04adad489e3.jpg)hola quien me ayuda no me sale la pregunta y no se cual es el error

Carolina Gómez

hace 8 meses

* A programar en serio. * La forma correcta de hacerlo es reservar el nombre de la variable en ma memoria, para luego usar la en otros lugares de nuestra aplicación. * Cuando abro comillas y cierro comillas “” lo que le estoy diciendo al procesador es esto, hay una variable que se llama nombre y va a tener un texto, si yo le colocara 1 y va a ser 1, entonces tendría un valor numérico, peor cuando abro y cierro comillas la variable va a ser de texto y no tiene nada por dentro. * Luego se pregunta el nombre. (En mi archivo quedará todo). * Si antes de promt pongo nombres = prompt, esto significa que lo que se escriba en este prompt, va a quedar guardado en la variable nombre. * Concatenación después de poner la variable alert: alert("Bienvenida " + nombre) * Tener en cuenta escribir exacto la palabra, ya que un pequeño cambio como poner 1 en mayúscula hace que no funcione, me acabo de pasar. * Por defecto esto son cadenas de texto, tengo que siempre ser explícito si lo voy a convertir en un número, y mucho menos en una expresión numérica. Esto de echo sería un hueco de seguridad (Mejor explicado en los cursos avanzados de platzi) * Ya sabemos como cargar el nombre de una variable, como mostrarlo abajo de el código ya es una historia completamente distinta. * Pero por lo menos ya tenemos claro que let Nos permite declarar una variable para usarla después. * prompt nos permite saber y obtener un texto de una manera un poco invasiva como una caja gigantesca, hay formas más elegantes, luego la metemos en la avriable nombre y la usamos para dar una bienvenida. * Estos son un monton de conceptos avanzados.

Sebastian Perini

Hola. Intento programar y no me salen los alert ni los let.
Esto es lo que escribí:
<html>
<head>
<meta charset=“utf-8”/>
<title>Mi primera programada</title>
<script>
let nombre=""
nombre=prompt(Cual es tu nombre?)
alert("Bienvenido "+nombre)
</script>
</head>
<body>
<h1>Primer intento de website</h1>
<p>Este es mi primer texto puesto en mi website</p>
<p>Gran programa</p>
</body>
</html>

He fallado en algo? Porque no me salen?

Hector Manuel López Gómez

<html>
	<Head>
		<meta charset="utf-8" />
		<title>Mi primera programada</title>
		<script>
			let Nombre = ""
			Nombre = prompt("Cuál es tu nombre?")
			alert("bienvenido " + Nombre)
		</script>

	</Head>

<body>
	<h1>Primer intento de Webside</h1>
	<p>Este es nuestro primer programa completo y profesional</p>
	<p>Gran programa</p>

</body>
</html>

Cielo Rocio Calderón

hace un año

Cuando agregamos un** +** se llama concatenación.

La extensión de los archivos si importa, ya que es este el medio por el que se identifica el tipo de texto o contenido del archivo

Laura

hace un año

Así lo entendí
*Declaro la variable “Nombre”
*luego necesito preguntar esa variable al usuario por eso hago un prompt con la pregunta “cual es tu nombre”
*Doy una respuesta al usuario diciendo "bienvenido pepito

Francisco Latorre

hace un año

Laura

Miguel Ortiz

Sergio Eydelver Álvarez Cortés

Samuel Alvarez

Variables

a = 1;
b = 2;

a y b son variables, las variables guardan algún tipo de información de cualquier tipo de dato (dato numérico, dato de texto string), se llaman variables porque su valor, es decir, lo que guardan, puede variar reasignando esa variable con otro valor, por ejemplo:

-a = 1; //pero en la próxima línea lo reasigno a 3
-a = 3; //Aquí **varió** su valor de 1 a 3

Maria Camila Torres Meza

En javascript en especifico hay tres formas diferentes para declarar variables, estan: let, conts y var; la diferencia de estas 3 es el tipo de alcance que pueden llegar a tener dentro de su mismo ambito

En las varibles podemos guardar información que podremos utilizar en nuestro programa

Prompt nos permite imprimir un mensaje donde el usuario puede ingresar una respuesta.

Isaac Bryan Ascanoa Roncall

Es interesante la forma en que se usa el prompt para trabajar el funcionamiento de JS, es genial aveces volver a lo basico.

Luis Alberto Vargas Méndez

Traduciendo el código a inglés

<html>
  <head>
    <meta charset="utf-8" />
    <title>My first time programming</title>
    <script>
      let name = "";
      name = prompt("What is your name?");
      alert("Welcome " + name);
    </script>
  </head>
  <body>
    <h1>First website attempt</h1>
    <p>This is our first complete and professional program</p>
    <p>Big program</p>
  </body>
</html>

Luisa yabron

estoy amando platzi ❤️ gracias

Mavis Mendez

Clase 7

Miguel Gonzalez

Ronald Rativa

Así va mi pagina poco a poco 🤠

Maria Fernanda Álvarez

Es increíble como entre todos nos ayudamos, Freddy nos enseña y guía, pero ver los aportes de todos termina siendo una ayuda y un complemento magnífico. ¡Mil gracias!

lopez lopez

Me aparece todo junto bienvenidomario, no por separado, que puedo hacer.

Eliud Urdiales

Yo empecé el curso en ceros, así literalmente, sin nada en el morral. Y como en unos meses empezaré a estudiar una ingenieria en sistemas , la verdad no quiero llegar sin nada de conocimientos a la carrera. Con éste curso la neta estoy aprendiendo bastante, me siento contento, me siento muy feliz, pues es fin de semana y me quiero divertir… gracias equipo Platzi

Florian Martinez

Programar es una cosa bien! Este curso te hace entender los tipos de datos la concatenación la asignación! Muy buen curso ! Nunca dejes de aprender y practicar!

Jesús Seturino

¿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>

Santiago Castillo

en c++ es mas complicado con las variables ya que toca declarar si es entero (int) el numero o decimal (float o double) o cadena (string) pero en c++ no toca hacer todo eso

Luis Camilo

Freddy gracias tu manera de enseñar me motiva a aprender cada vez no quiero ni quitar la reproduccion autmatica de videos

Santiago Tellez Hernandez

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 Beltrán

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

![](
![](

Eduardo José Girón Torres

Excelente profesor 👍

Bairon Bohorquez

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

OSWALDO DE JESÚS MONTES CAMARILLO

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

Arturo Mayorga

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

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 !!

Diego Andrés Jaimes

hace un día

```html <html lang="es"> <head> <meta charset="utf-8" /> <title>Desarollo web</title> <script> let nombre = "" nombre = prompt("¿Cómo te llamas?") alert("Bienvenido " + nombre) </script> </head> <body>

Hola mundo

Esta es una línea de cógido en HTML

Repaso desde que me gradué del SENA

</body> </html> ```\ \<html lang="es"> \<head> \<meta charset="utf-8" /> \<title>Desarollo web\</title> \<script> let nombre = "" nombre = prompt("¿Cómo te llamas?") alert("Bienvenido " + nombre) \</script> \</head> \<body> \

Hola mundo\

Esta es una línea de \cógido\ en HTML\

Repaso desde que me gradué del \SENA\\

\</body> \</html>

Giovanny Andrés Arenas García

hace 9 días

Hasta el momento, ha sido excelente el comienzo del curso.!!!! \<title>Bravooo\

Nico Rocha

hace 13 días

no me salen las alertas

Diego Andres Lopez Rodriguez

hace 14 días

![](https://static.platzi.com/media/user_upload/image-ae3ba633-5e32-49c0-9b31-b98c27115dd7.jpg)

Ary Avila

este es el codigo que escribi y estoy emocionado: dure mas de una hora el poder entender como crear que preguntara el apellido y en la alerta apareciera nombre y apellido: \\<html>\<head> \<meta charset="UTF-8" /> \<title>Mi primera paginita\</title> \<script> let nombre="" let apellido="" nombre = prompt("Cual es tu nombre?") apellido = prompt("Cual es tu apellido?") alert("Bienvenido " + (nombre + " " + apellido)) \</script>\</head>\<body> \

Mi primer programa de Ary Avila\

Aqui encuentras el primer codigo para el programa de Ary donde aprende a programar\

\</body>\</html>

Walkiria Arteaga

¿Las etiquetas \<scrip>\</script> refieren a Java Script cierto? 😅

Isaias San Juan

hola soy nuevo y ami me parece muy divertido al igual que aprendes mucho en los videos que duran muy poco

notQWERTonYT gleason

suscribanse a mi canal en yt

Jesús Romero

Hola buenas tardes, acabo de empezar en todo este mundo de la programacion, en las alertas no tienen separaciones en las palabras sale todo junto y tengo el codigo igual a el del profe

Katherine Valeska Manzano

Alguien me explique porfa, tengo todo igual y lo he revisado muchas veces y también guardado y no se que pasa que no me aparece cual es tu nombre.

EDGAR LÓPEZ FIERRO

hace 3 meses

En el caso de las variables, sea cual sea el lenguaje de programación, no puedes nombrarlas con palabras reservadas, ni iniciar su escritura con mayúscula o números. Y en cuanto al uso de prompt(), éste es equivalente al input() de Python o de C, que sirven para llenar temporalmente espacios de memoria vacíos

Diego Garcia

![](https://static.platzi.com/media/user_upload/image-610afa5d-212f-42cd-9145-496b840bf031.jpg)

Juan Carlos Herrera Rojas

![](https://static.platzi.com/media/user_upload/giorgio-a327b981-3b60-4eff-a860-fea26e301ea9.jpg)

Yotner Silveira