BananaMaster

39.1 Calculateur de poids du sac à dos 1, pratique (Leçons JS)

Si tu as oublié quelque chose — clique pour retourner à la leçon.

📘 Tâche : Backpack Weight Calculator

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. 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

📐 Règles :

• Pour chaque article choisi, déterminez son poids.
• Additionnez le poids des quatre articles choisis.
• Si le poids total est inférieur à 10 kg — afficher le message :
  Too light!
• Si le poids total est supérieur à 31 kg — afficher le message :
  Too heavy!
• Si le poids est dans l'intervalle de 7 à 31 kg — afficher :
  "Backpack weight: 24 kg"

📐 Logique de fonctionnement :

• Récupérer les valeurs des quatre <select>.
• Utiliser switch pour déterminer le poids de chaque article choisi.
• Additionner toutes les valeurs dans une seule variable.
• Vérifier le poids total avec if.
• Afficher le message final.

🧪 Exemple :

L'utilisateur a choisi :

• 🍵 Tea Thermos — 5 kg
• 🥫 Canned Food — 5 kg
• 🪓 Axe — 7 kg
• 🧥 Jacket — 5 kg

Backpack weight: 25 kg