Ejercicio: Variables y tipos de datos

⏱ 30 minutos
📶 Nivel: principiante

Objetivo

Practicar variables, plantillas de texto, operaciones con números y conversión de tipos con un pequeño cálculo de compra.

Antes de empezar

Esta lección no necesita una página: trabaja solo con variables y la consola. Escribe tu código en el editor de abajo y pégalo en el comprobador.

▶ Prueba tu código aquí (opcional)

Código (edítalo y pulsa Ejecutar)

<script>
  // escribe tu JavaScript
</script>

Página (resultado)

Consola

Pasos

Marca cada paso a medida que lo completes. Tu avance se guarda en este navegador.

Crea una constante producto con el texto "Cuaderno".
Crea una constante precio con el número 25.5 y una constante cantidad con 3.
Crea una constante total que sea precio * cantidad.
Crea una constante mensaje con una plantilla de texto: 3 x Cuaderno = $76.50 (usa ${cantidad}, ${producto} y total.toFixed(2)).
Muestra mensaje en la consola con console.log(mensaje).
Crea una variable let visitas = 0 y súmale 1 tres veces (visitas++ o visitas += 1). Debe valer 3.
Crea una constante entrada = "42" (texto) y una constante numero que sea Number(entrada). Comprueba con typeof.
Crea una constante gritar con producto.toUpperCase().

💡 Pista 1: ¿cómo escribo la plantilla?

const mensaje = ${cantidad} x ${producto} = $${total.toFixed(2)};. Fíjate en que el símbolo $ antes de ${…} es un signo de dólares normal.

💡 Pista 2: mi `visitas` no es 3

Con let visitas = 0; y luego tres veces visitas++;. Recuerda que const no permite cambiar el valor, así que aquí hay que usar let.

🔎 Comprueba tu trabajo

Pega tu código y pulsa Comprobar. La revisión ocurre en tu navegador; nada se envía a ningún sitio. Cada punto en rojo incluye una pista.

Tu código JavaScript

✅ Ver una solución de ejemplo

Intenta resolverlo antes de mirar. Tu versión puede ser distinta y también correcta.

app.js

const producto = "Cuaderno";
const precio = 25.5;
const cantidad = 3;
const total = precio * cantidad;

const mensaje = `${cantidad} x ${producto} = $${total.toFixed(2)}`;
console.log(mensaje);

let visitas = 0;
visitas++;
visitas++;
visitas++;

const entrada = "42";
const numero = Number(entrada);

const gritar = producto.toUpperCase();

💡 🏁 Reto extra (opcional)

Convierte el total a dólares con un tipo de cambio guardado en una constante (const CAMBIO = 17.2) y muestra el resultado con dos decimales. ¿Por qué conviene usar mayúsculas en el nombre?