39.2 Calculadora de Peso de la Mochila 2, práctica (Lecciones JS)
📘 Tarea: Backpack Weight Calculator 2
Crea una aplicación "Backpack Weight Calculator".
Imagina que vas de excursión.
Antes de salir, hay que preparar la mochila.
El usuario debe elegir un artículo de cada categoría,
y luego elegir la dificultad de la excursión.
Después de hacer clic en el botón, hay que calcular el peso total de la mochila.
🥤 Categoría 1 — Bebida
- 💧 Water — 2 kg
- 🧃 Juice — 3 kg
- 🥤 Soda — 4 kg
- 🍵 Tea Thermos — 5 kg
- 🚰 Water Canister — 8 kg
🍎 Categoría 2 — Comida
- 🍎 Apples — 2 kg
- 🥪 Sandwiches — 3 kg
- 🥫 Canned Food — 5 kg
- 🍱 Food Pack — 7 kg
- 📦 Food Box — 10 kg
🛠️ Categoría 3 — Herramienta
- 🔦 Flashlight — 1 kg
- 🔪 Knife — 2 kg
- Shovel — 5 kg
- 🪓 Axe — 7 kg
- 🧰 Tool Kit — 10 kg
🧥 Categoría 4 — Ropa
- 👕 T-Shirt — 1 kg
- 🧥 Sweater — 3 kg
- 🥼 Jacket — 5 kg
- 🥾 Warm Clothes — 7 kg
- ❄️ Winter Clothes — 10 kg
🏔️ Categoría 5 — Dificultad de la excursión
- 🙂 Easy — máximo 20 kg
- 😎 Normal — máximo 32 kg
- 💀 Hard — máximo 40 kg
📐 Reglas:
- Para cada artículo seleccionado, determina su peso.
- Muestra el peso de cada artículo seleccionado.
- Suma el peso de los cuatro artículos seleccionados.
- El peso máximo permitido depende de la dificultad seleccionada.
📐 Mensajes:
- Si el peso total es menor de 10 kg — mostrar:
❌ Too light!
- Si el peso total está en el rango de 11–20 kg — mostrar:
🙂 Good weight!
- Si el peso total está en el rango de 21 kg hasta el peso máximo de la dificultad
seleccionada — mostrar:
✅ Perfect backpack!
- Si el peso total es mayor que el peso máximo de la dificultad seleccionada —
mostrar:
❌ Too heavy!
📐 Lógica de funcionamiento:
- Obtener los valores de los cinco
<select>.
- Usar
switch para determinar el peso de cada artículo seleccionado.
- Determinar el peso máximo permitido según la dificultad de la excursión.
- Calcular el peso total.
- Comprobar el resultado con
if.
- Mostrar el informe completo.
🧪 Ejemplo:
El usuario eligió:
- 🍵 Tea Thermos — 5 kg
- 🥫 Canned Food — 5 kg
- 🪓 Axe — 7 kg
- 🥼 Jacket — 5 kg
- 😎 Normal
Drink: 5 kg
Food: 5 kg
Tool: 7 kg
Clothes: 5 kg
----------------
Total weight: 22 kg
✅ Perfect backpack!
📌 Importante:
- Usar
switch para determinar el peso de cada artículo.
- Para cada artículo, crear una variable separada con su peso.
- Usar
if para determinar el mensaje.
- El peso máximo depende de la dificultad de la excursión seleccionada.
- Mostrar el informe completo con el peso de cada artículo seleccionado y el peso total.