Preis-/Mengenvergleich

Schreiben Sie ein Programm, welches den Preis einer Ware in zwei verschiedenen Mengen vergleicht.

Beispiele: Vergleichen Sie mit Ihrem Programm ...

  • Glass Nuss-Nougat-Creme in verschiedenen Mengen, einmal 300g für 1,95Euro und einmal 450g für 3Euro

Vorgehensweise

  1. Fehlerfreie HTML-Vorlage
  2. Überschrift, Titel und Anleitung ergänzen
  3. Eingaben ermöglichen; entsprechende Variablen anlegen
    • Menge 1
    • Preis 1
    • Menge 2
    • Preis 2
  4. Alle Eingaben sind auf die korrekte Eingabe zu überprüfen und ggf. zu wiederholen, z.B. do/while-Schleife mit Bedingung isNaN(eingabe) oder eingabe=="".
  5. Preis pro Einheit / Zwei Rechnungen
    1. Preis1 / Menge1
    2. Preis2 / Menge2
  6. Vergleich der berechneten Ergebnisse
  7. Berechnung der Einsparung des günstigeren Artikels in Prozent
  8. Ausgaben: z.B. "Menge 1 ist x% günstiger als Menge 2"; "Menge 1 kostet xx.xx und ist somit xx.xx günstiger pro Einheit als Menge zwei mit xx.xx"; Tipp: Anwendung von toFixed(2) für die Ausgabe von zwei Nachkommastellen.
  9. Nachfrage: "Möchten Sie weitere Artikel vergleichen?" und ggf. Wiederholung

Erweiterungen

  • Nutzen Sie document.getElementById("ausgabe").innerHTML=""
    für die Ausgaben.
  • Wenn Sie bereits Funktionen kennengelernt haben, so sollten Sie diese für die Berechnungen anwenden.
  • Wenn Sie bereits Formulare kennengelernt haben, so sollten Sie diese für die Eingaben einsetzen.
  • Gestalten Sie die Seite mit CSS-Mitteln.