Texto con variables

JavaScript · Unidad 1: Primeros pasos

Un texto también puede ir entre acentos graves en vez de comillas.

Así puedes meter el valor de una variable adentro con ${}.

const nombre = "Ana";
console.log(`Hola, ${nombre}!`);

Imprime

Hola, Ana!

Dentro de ${} cabe una cuenta, no solo una variable.

JavaScript la calcula y mete el resultado en el texto.

const precio = 50;
console.log(`Dos son ${precio * 2}`);

Imprime

Dos son 100

prompt() lee lo que escribe la persona.

Siempre entrega texto (string), aunque escriba un número.

const nombre = prompt();
console.log(`Hola, ${nombre}`);

Imprime

Hola, Ana

Para hacer cuentas con lo que escriben, convierte el texto con Number().

const edad = Number(prompt());
console.log(edad + 1);

Imprime

Ejercicios de esta lección

Se hacen en la app, que los corrige al momento y explica por qué.

1. Predice la salida

¿Qué imprime este código?

const edad = 17;
console.log(`Tengo ${edad} años`);

4. Predice la salida

¿Qué imprime este código?

const a = 3;
const b = 4;
console.log(`${a} + ${b} = ${a + b}`);

5. Opción múltiple
¿De qué tipo es lo que entrega prompt()?
6. Predice la salida
Si la persona escribe 5, ¿qué imprime?
```
const numero = prompt();
console.log(numero + 1);
```
7. Completa el código
La persona escribe 4. Completa para que imprima 7.
```
const numero = ___(prompt());
console.log(numero + 3);
```
8. Ordena las líneas
La persona escribe Luis. Ordena las líneas para saludarla por su nombre.
9. Encuentra el bug
La persona escribe 3 y luego 4. El programa debería imprimir su suma. ¿Qué línea tiene el error?
```
const a = Number(prompt());
const b = prompt();
console.log(`Total: ${a + b}`);
```

10. Predice la salida

La persona escribe 35 (el precio) y luego 50 (lo que paga). ¿Qué imprime?

const precio = Number(prompt());
const pago = Number(prompt());
const cambio = pago - precio;
console.log(`Cambio: ${cambio}`);

Se abre en el navegador. Es gratis y no hace falta cuenta para empezar.