39.2 Calculateur de poids du sac à dos 2, pratique (Leçons JS)
📘 Tâche : Backpack Weight Calculator 2
Créez une application "Backpack Weight Calculator".
Imagine que tu pars en randonnée.
Avant de partir, il faut préparer le sac à dos.
L'utilisateur doit choisir un article dans chaque catégorie,
puis choisir la difficulté de la randonnée.
Après avoir cliqué sur le bouton, il faut calculer le poids total du sac à dos.
🥤 Catégorie 1 — Boisson
- 💧 Water — 2 kg
- 🧃 Juice — 3 kg
- 🥤 Soda — 4 kg
- 🍵 Tea Thermos — 5 kg
- 🚰 Water Canister — 8 kg
🍎 Catégorie 2 — Nourriture
- 🍎 Apples — 2 kg
- 🥪 Sandwiches — 3 kg
- 🥫 Canned Food — 5 kg
- 🍱 Food Pack — 7 kg
- 📦 Food Box — 10 kg
🛠️ Catégorie 3 — Outil
- 🔦 Flashlight — 1 kg
- 🔪 Knife — 2 kg
- Shovel — 5 kg
- 🪓 Axe — 7 kg
- 🧰 Tool Kit — 10 kg
🧥 Catégorie 4 — Vêtement
- 👕 T-Shirt — 1 kg
- 🧥 Sweater — 3 kg
- 🥼 Jacket — 5 kg
- 🥾 Warm Clothes — 7 kg
- ❄️ Winter Clothes — 10 kg
🏔️ Catégorie 5 — Difficulté de la randonnée
- 🙂 Easy — max 20 kg
- 😎 Normal — max 32 kg
- 💀 Hard — max 40 kg
📐 Règles :
- Pour chaque article choisi, déterminez son poids.
- Affichez le poids de chaque article choisi.
- Additionnez le poids des quatre articles choisis.
- Le poids maximum autorisé dépend de la difficulté choisie.
📐 Messages :
- Si le poids total est inférieur à 10 kg — afficher :
❌ Too light!
- Si le poids total est dans l'intervalle de 11–20 kg — afficher :
🙂 Good weight!
- Si le poids total est dans l'intervalle de 21 kg jusqu'au poids maximum de la difficulté
choisie — afficher :
✅ Perfect backpack!
- Si le poids total est supérieur au poids maximum de la difficulté choisie —
afficher :
❌ Too heavy!
📐 Logique de fonctionnement :
- Récupérer les valeurs des cinq
<select>.
- Utiliser
switch pour déterminer le poids de chaque article choisi.
- Déterminer le poids maximum autorisé selon la difficulté de la randonnée.
- Calculer le poids total.
- Vérifier le résultat avec
if.
- Afficher le rapport complet.
🧪 Exemple :
L'utilisateur a choisi :
- 🍵 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!
📌 Important :
- Utiliser
switch pour déterminer le poids de chaque article.
- Créer une variable séparée pour le poids de chaque article.
- Utiliser
if pour déterminer le message.
- Le poids maximum dépend de la difficulté de la randonnée choisie.
- Afficher le rapport complet avec le poids de chaque article choisi et le poids total.