39.1 Calculadora de Peso de la Mochila 1, práctica (Lecciones JS)
📘 Tarea: Backpack Weight Calculator
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.
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
📐 Reglas:
- Para cada artículo seleccionado, determina su peso.
- Suma el peso de los cuatro artículos seleccionados.
- Si el peso total es menor de 10 kg — mostrar el mensaje:
Too light!
- Si el peso total es mayor de 31 kg — mostrar el mensaje:
Too heavy!
- Si el peso está en el rango de 7 a 31 kg — mostrar:
"Backpack weight: 24 kg"
📐 Lógica de funcionamiento:
- Obtener los valores de los cuatro
<select>.
- Usar
switch para determinar el peso de cada artículo seleccionado.
- Sumar todos los valores en una sola variable.
- Comprobar el peso total con
if.
- Mostrar el mensaje final.
🧪 Ejemplo:
El usuario eligió:
- 🍵 Tea Thermos — 5 kg
- 🥫 Canned Food — 5 kg
- 🪓 Axe — 7 kg
- 🧥 Jacket — 5 kg
Backpack weight: 25 kg