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

NO olviden divertirse mientras toman el curso
😊

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 💚

¿Quién más esta emocionado y dándose maratón con este curso renovado y buenísimo de Platzi?? 💚

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 

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>

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.

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>

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

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.

Aspectos importantes a repasar en esta clase:

1. Para declarar una variable “Let”
2. Para un cuadro de diálogo que nos permita saber y obtener un texto: Prompt
3. 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

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 😄

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

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

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

![](

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.

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…

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>

¡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

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

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

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

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

Clase siete terminada.

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 💖

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.

Este profesor Freddy es increíblemente claro…

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

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

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

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.

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

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>

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

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> 

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

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.

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

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.

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

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

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.

Francisca xd

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

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

ahora si a programar de verdad

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

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

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

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

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?

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.

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

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>

estoy amando platzi ❤️ gracias

Clase 7

Así va mi pagina poco a poco 🤠

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!

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

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!

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

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

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

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.

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

![](

![](

Excelente profesor 👍

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

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

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

Enjoy

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

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

Comenzamos a programar de verdad 🚀
Muy emocionante!

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

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

Algunos recursos:

• JS Window.prompt() method

Que humilde al decir que son conceptos avanzados, por eso estudio en Platzi 😊

“Declarar una variable” consiste en reservar un nombre en la memoria de la computadora y asignarle el valor que tú indiques.

La etiqueta let sirve para declarar variables, si es de texto luego de nombrar la variable se coloca = ""

yo tome cositas de la pagina.html y el piedra, papel o tijera y en la pagina.html yo lo hice de una pagina de preguntas y me gusto mucho el resultado gracias Freddy miren y perdon por poner un screenshot esque no sabia como hacerlo 🙈

html>
<head>
<meta charset=“utf-8” />
<title>Pagina de preguntas</title>
<script>
let nombre = ""
let años = ""
let trabajas = ""
let trabajo = ""
nombre = prompt(“Cual es tu nombre?”)
alert("Bienvenid@ " + nombre)
años = prompt(“Cuantos años tienes?”)
alert("Ya estas viej@ jajajaja tienes " + años)
trabajas = prompt(“Trabajas actualmente si o no?”)
if(trabajas == “si”) {
trabajo = prompt(“y en que trabajas?”)
alert("Que chevere que trabajes en " + trabajo)
} else if(trabajas == “no”) {
alert(“Tienes que conseguir uno jajajaja”)
}

</script>

</head>
<body>
<h1>Pagina de preguntas</h1>
<p>Te vas a divertir con este programa de preguntas</p>
<p>Gran programa</p>
</body>
</html>

let = nos sirve para declarar una variable
.
prompt = nos permite saber u obtener información de una manera invasiva
.
alert = nos manda un mensaje dentro de una página

yo hace como 2 años que empecé este curso y lo deje,
pero cuando volví atodo cambió XD

en la parte de <meta charset=“utf-8” /> estaba escribiendo mal un caracter y esto no me mostraba las tildes, esto me demostró que para programar se debe ser preciso en lo que escribimos, la programación son como las matemáticas, exactas

Cuando la variable es número, pues coloco un número, cuando es texto, siempre debo usar las comillas.

declarar variable --> reservar su nombre en memoria para luego usarla

let --> parabra reservada para variable javascript

prompt("") --> input javascript

Pero vean que cool ver mi nombre escrito por mi misma jeje

• let: crea una variable para usarla después
• prompt (): función que tiene como parámetro un input.

<script>
            let nombre = "" // creamos una variable sin nada pero ya sabe que es tipo texto por los ""
            nombre = prompt("¿cuál es tu nombre?") // asignamos al nombre la función prompt que trae un input como parametro.
            alert("Welcome " + nombre) 
</script>

Genial!, poco a poco se va entendiendo 😃 gracias

Excelente la forma de explicar profe, thanks

¡Gracias por la explicación!

Recuerdo haber visto algo de JavaScript en la uni, pero la verdad nunca entendí como hacer nada en ese lenguaje. Y viendo que en HTML es necesario para programar las acciones e interacciones en el sitio, espero poder dominarlo un poco para ver qué cosas puedo hacer con ello.

<let>

sirve para declarar una variable

<promp>

sirve para recolectar informacion del usuario