39.1 Rucksack-Gewichtsrechner 1, Praxis (JS-Lektionen)
📘 Aufgabe: Backpack Weight Calculator
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.
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
📐 Regeln:
- Bestimme für jeden gewählten Gegenstand sein Gewicht.
- Addiere das Gewicht der vier gewählten Gegenstände.
- Ist das Gesamtgewicht kleiner als 10 kg — die Meldung ausgeben:
Too light!
- Ist das Gesamtgewicht größer als 31 kg — die Meldung ausgeben:
Too heavy!
- Liegt das Gewicht im Bereich von 7 bis 31 kg — ausgeben:
"Backpack weight: 24 kg"
📐 Logik der Funktionsweise:
- Die Werte aller vier
<select> holen.
switch verwenden, um das Gewicht jedes gewählten Gegenstands zu bestimmen.- Alle Werte in einer einzigen Variable summieren.
- Das Gesamtgewicht mit
if prüfen.
- Die Endmeldung anzeigen.
🧪 Beispiel:
Der Benutzer hat gewählt:
- 🍵 Tea Thermos — 5 kg
- 🥫 Canned Food — 5 kg
- 🪓 Axe — 7 kg
- 🧥 Jacket — 5 kg
Backpack weight: 25 kg