Mini-Projekt: Trinkgeldrechner

In diesem Mini-Projekt entwickeln wir schrittweise einen Trinkgeldrechner. Die Aufgaben bauen aufeinander auf und werden zunehmend anspruchsvoller.

Aufgabe 1: Grundberechnung (Einstieg)

Schreibe ein Programm, das:

1. Einen Rechnungsbetrag vom Benutzer einliest
2. Ein Trinkgeld von 10% berechnet
3. Den Trinkgeldbetrag und den Gesamtbetrag ausgibt

Beispielausgabe:

Rechnungsbetrag: 50
Trinkgeld (10%): 5
Gesamtbetrag: 55

import { questionFloat } from 'readline-sync';
 
let input = questionFloat("Betrag: ");

Aufgabe 2: Verschiedene Prozentsätze (Einstieg)

Das Programm wird so erweitert, dass es drei verschiedene Trinkgeld-Optionen berechnet und ausgibt:

• 5% (sparsam)
• 10% (normal)
• 15% (großzügig)

Beispielausgabe:

Rechnungsbetrag: 80
--- Trinkgeld-Optionen ---
Sparsam  (5%): 4.00  → Gesamt: 84.00
Normal   (10%): 8.00 → Gesamt: 88.00
Großzügig (15%): 12.00 → Gesamt: 92.00

console.log(`Normal (10%): ${tip10} → Gesamt: ${total10}`);

let number = 17.1919;
console.log(number.toFixed(2)); // Ausgabe: "17.19"

Aufgabe 3: Aufteilung auf Personen (Übung)

Das Programm wird um die Möglichkeit erweitert, den Gesamtbetrag auf mehrere Personen aufzuteilen:

1. Zusätzlich nach der Anzahl der Personen fragen
2. Betrag pro Person berechnen (bei 15% Trinkgeld)
3. Betrag pro Person ausgeben

Beispielausgabe:

Rechnungsbetrag: 120
Anzahl Personen: 4
--- Aufteilung ---
Gesamtbetrag (inkl. 15% Trinkgeld): 138.00
Betrag pro Person: 34.50

import { questionFloat, questionInt } from 'readline-sync';
 
let persons = questionInt("Anzahl Personen: ");

Aufgabe 4: Service-Bewertung (Übung)

Wir nutzen den Bedingungsoperator, um basierend auf dem gewählten Trinkgeld-Prozentsatz eine Bewertung auszugeben:

1. Den Benutzer nach dem gewünschten Trinkgeld-Prozentsatz fragen
2. “Großzügig!” ausgeben, wenn der Prozentsatz >= 15 ist
3. “Normal” ausgeben, wenn der Prozentsatz < 15 ist

Beispielausgabe:

Rechnungsbetrag: 50
Trinkgeld-Prozentsatz: 18
Trinkgeld: 9.00
Bewertung: Großzügig!

let result = condition ? valueIfTrue : valueIfFalse;

Aufgabe 5: Eingabevalidierung (Vertiefung)

Mit Vergleichs- und logischen Operatoren werden die Eingaben überprüft und entsprechende Meldungen ausgegeben:

1. Der Rechnungsbetrag muss größer als 0 sein
2. Der Trinkgeld-Prozentsatz muss zwischen 0 und 100 liegen
3. Eine Warnung ausgeben, wenn eine Eingabe ungültig ist

Beispiel für gültige Eingabe:

Rechnungsbetrag: 75
Trinkgeld-Prozentsatz: 15
Eingaben gültig: true
Trinkgeld: 11.25
Gesamtbetrag: 86.25

Beispiel für ungültige Eingabe:

Rechnungsbetrag: -10
Trinkgeld-Prozentsatz: 15
Eingaben gültig: false
Warnung: Ungültige Eingaben!

let isValid = amount > 0 && percent >= 0 && percent <= 100;

Aufgabe 6: Komplettlösung (Vertiefung)

Alle bisherigen Elemente werden zu einem vollständigen Trinkgeldrechner kombiniert mit folgenden Features:

1. Eingabe von Rechnungsbetrag, Prozentsatz und Personenanzahl
2. Validierung aller Eingaben
3. Berechnung von Trinkgeld, Gesamtbetrag und Betrag pro Person
4. Bewertung des Trinkgelds (sparsam/normal/großzügig)
5. Übersichtliche, formatierte Ausgabe

Regeln zur Bewertung des Trinkgelds:

• Unter 10%: “Sparsam”
• 10% bis unter 15%: “Normal”
• Ab 15%: “Großzügig”

let rating = percent >= 15 ? "Großzügig"
           : percent >= 10 ? "Normal"
           : "Sparsam";

Beispielausgabe:

=== Trinkgeldrechner ===
Rechnungsbetrag: 95.50
Trinkgeld (%): 18
Anzahl Personen: 3

--- Ergebnis ---
Rechnungsbetrag:  95.50
Trinkgeld (18%):  17.19
Gesamtbetrag:     112.69
Pro Person:       37.56
Bewertung:        Großzügig!

Optionale Aufgaben (Bonus)

Falls noch Zeit zur Verfügung steht, kann die letzte Aufgabe mit folgenden Ideen erweitert werden. Die Reihenfolge der Aufgaben ist hierbei egal.

Ausgabe in Spalten ausrichten

Formatiere die Ausgabe so, dass Beschriftungen und Zahlen sauber untereinander in Spalten stehen (wie in einer Tabelle):

• Nutze padEnd(...) für die Texte (links)
• Nutze padStart(...) für die Zahlen (rechts)
• Zahlen weiterhin mit toFixed(2) formatieren

"Hallo".padEnd(10);   // "Hallo     " (10 Zeichen, rechts aufgefüllt)
"17.19".padStart(8);  // "   17.19"   (8 Zeichen, links aufgefüllt)
 
// Kombiniert für tabellarische Ausgabe:
let label = "Trinkgeld:";
let value = 17.19;
console.log(label.padEnd(18) + value.toFixed(2).padStart(8));
// "Trinkgeld:           17.19"

Beispielausgabe:

--- Ergebnis ---
Rechnungsbetrag:    95.50
Trinkgeld (18%):    17.19
Gesamtbetrag:      112.69
Pro Person:         37.56

Aufrunden auf „schöne“ Beträge

Erweitere das Programm so, dass der Gesamtbetrag (inkl. Trinkgeld) auf einen „schönen“ Betrag aufgerundet wird:

• Auf den nächsten vollen Euro (z.B. 112.69 → 113.00)
• Gib zusätzlich aus, wie viel extra Trinkgeld dadurch entsteht

Beispielausgabe:

Gesamtbetrag (inkl. Trinkgeld): 112.69
Aufgerundet auf: 113.00
Extra Trinkgeld durch Aufrunden: 0.31

Mindest-Trinkgeld

Erweitere das Programm so, dass ein Mindest-Trinkgeld gilt:

• Wenn das berechnete Trinkgeld unter 1.00 liegt, setze es auf 1.00
• Nutze dafür den Bedingungsoperator (? :)

Beispielausgabe:

Rechnungsbetrag: 5
Trinkgeld (%): 10
Trinkgeld: 1.00
Gesamtbetrag: 6.00

Komma als Dezimaltrenner

Erweitere die Eingabe so, dass Beträge auch mit Komma eingegeben werden können (z.B. 12,50):

• Betrag als String einlesen
• , durch . ersetzen
• Danach in eine Zahl umwandeln

Beispielausgabe:

Rechnungsbetrag eingeben: 12,50
Rechnungsbetrag (Zahl): 12.50

Farbige Ausgabe mit util.styleText

Erweitere den Trinkgeldrechner so, dass bestimmte Ausgaben farbig und/oder formatiert (z.B. fett, unterstrichen) erscheinen:

1. Importiere styleText aus node:util

2. Gib die Überschrift === Trinkgeldrechner === z.B. blau + fett aus

3. Gib die Warnung bei ungültigen Eingaben rot + fett aus

4. Färbe die Bewertung abhängig vom Prozentsatz (nur mit Bedingungsoperator):

   • Sparsam (< 10) → rot
   • Normal (< 15) → gelb
   • Großzügig! (>= 15) → grün

Beispielausgabe (Farben im Terminal sichtbar):

=== Trinkgeldrechner ===   (blau, fett)

--- Ergebnis ---
Warnung: Ungültige Eingaben!   (rot, fett)
Bewertung: Großzügig!          (grün)

import { styleText } from 'node:util';
 
console.log(styleText(['underline', 'italic'], 'My italic underlined message'));

Zusammenfassung