39.2 Rucksack-Gewichtsrechner 2, Praxis (JS-Lektionen)
📘 Aufgabe: Backpack Weight Calculator 2
Erstelle eine Anwendung "Backpack Weight Calculator".
Stell dir vor, du gehst wandern.
Vor dem Aufbruch musst du den Rucksack packen.
Der Benutzer muss aus jeder Kategorie einen Gegenstand wählen,
danach den Schwierigkeitsgrad der Wanderung wählen.
Nach dem Klick auf den Button muss das Gesamtgewicht des Rucksacks berechnet werden.
🥤 Kategorie 1 — Getränk
- 💧 Water — 2 kg
- 🧃 Juice — 3 kg
- 🥤 Soda — 4 kg
- 🍵 Tea Thermos — 5 kg
- 🚰 Water Canister — 8 kg
🍎 Kategorie 2 — Essen
- 🍎 Apples — 2 kg
- 🥪 Sandwiches — 3 kg
- 🥫 Canned Food — 5 kg
- 🍱 Food Pack — 7 kg
- 📦 Food Box — 10 kg
🛠️ Kategorie 3 — Werkzeug
- 🔦 Flashlight — 1 kg
- 🔪 Knife — 2 kg
- Shovel — 5 kg
- 🪓 Axe — 7 kg
- 🧰 Tool Kit — 10 kg
🧥 Kategorie 4 — Kleidung
- 👕 T-Shirt — 1 kg
- 🧥 Sweater — 3 kg
- 🥼 Jacket — 5 kg
- 🥾 Warm Clothes — 7 kg
- ❄️ Winter Clothes — 10 kg
🏔️ Kategorie 5 — Schwierigkeitsgrad der Wanderung
- 🙂 Easy — max. 20 kg
- 😎 Normal — max. 32 kg
- 💀 Hard — max. 40 kg
📐 Regeln:
- Bestimme für jeden gewählten Gegenstand sein Gewicht.
- Zeige das Gewicht jedes gewählten Gegenstands an.
- Addiere das Gewicht der vier gewählten Gegenstände.
- Das maximal zulässige Gewicht hängt vom gewählten Schwierigkeitsgrad ab.
📐 Meldungen:
- Ist das Gesamtgewicht kleiner als 10 kg — ausgeben:
❌ Too light!
- Liegt das Gesamtgewicht im Bereich von 11–20 kg — ausgeben:
🙂 Good weight!
- Liegt das Gesamtgewicht im Bereich von 21 kg bis zum Maximalgewicht des gewählten
Schwierigkeitsgrads — ausgeben:
✅ Perfect backpack!
- Ist das Gesamtgewicht größer als das Maximalgewicht des gewählten Schwierigkeitsgrads —
ausgeben:
❌ Too heavy!
📐 Logik der Funktionsweise:
- Die Werte aller fünf
<select> holen.
switch verwenden, um das Gewicht jedes gewählten Gegenstands zu bestimmen.
- Das maximal zulässige Gewicht je nach Schwierigkeitsgrad der Wanderung bestimmen.
- Das Gesamtgewicht berechnen.
- Das Ergebnis mit
if prüfen.
- Den vollständigen Bericht anzeigen.
🧪 Beispiel:
Der Benutzer hat gewählt:
- 🍵 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!
📌 Wichtig:
switch verwenden, um das Gewicht jedes Gegenstands zu bestimmen.
- Für jeden Gegenstand eine eigene Variable mit seinem Gewicht erstellen.
if verwenden, um die Meldung zu bestimmen.
- Das Maximalgewicht hängt vom gewählten Schwierigkeitsgrad der Wanderung ab.
- Den vollständigen Bericht mit dem Gewicht jedes gewählten Gegenstands und dem Gesamtgewicht
anzeigen.