Währungsrechner

Aufgabe 1

Bitte programmieren Sie den im folgenden Screenshot gezeigten Währungsrechner.
Es wird erwartet, dass das Ergebnis dem Screenshot weitgehend entspricht.

Waehrungsrechner.png
  1. Es werden dem Screenshot entsprechende Formularelemente für die Eingaben genutzt.
  2. Es können verschiedene Währungen berechnet werden.
  3. Die Berechnung findet unter Zuhilfenahme von Funktionen statt.
  4. Das Ergebnis wird in einem HTML-Element mittels folgender Anweisung ausgegeben:
    document.getElementById("erg").innerHTML=ergebnis;
  5. Die Berechnung erfolgt jeweils nachdem eine neue Eingabe getätigt wird. Es gibt keinen separaten Button.
    siehe Event-Handler onchange
  6. Die Umrechnungskurse befinden sich in einer separaten Javascript-Datei.
    z.B. var eurodollarkurs=1.09;
  7. ...

Aufgabe 2

Zeigen Sie die prozentuale Veränderung des Euros gegenüber anderen Währungen innerhalb des letzten Jahres an!
Steigende Kurse werden grün und fallende rot hervorgehoben, z.B. wie folgt.
Wechselkurse.png

Hinweise

  1. Speichern Sie folgende Angaben in einer externen Javascript-Datei in Arrays:
    • die Namen der verwendeten Währungen im ersten Array
    • die aktuellen Wechselkurse der verwendeten Währungen in einem zweiten Array in den gleichen Feldnummern, die den Währungsnamen entsprechen, siehe z.B. https://kunde.comdirect.de/inf/maerkte/waehrungen.html
    • die Wechselkurse von vor einem Jahr in einem dritten Array
  2. Berechnen Sie die prozentuale Änderung der Währungen und speichern Sie die Ergebnisse in einem vierten Array.
  3. Erstellen Sie zwei kleine Symbole in grün und rot mit den entsprechenden Pfeilen nach oben und nach unten.
  4. Erstellen Sie aus den berechneten Werten dynamisch eine HTML-Tabelle (mit Überschrift), in der die folgenden Angaben zu finden sind:
    • Symbol (steigend/fallend)
    • Name der Währung
    • Aktueller Wechselkurs
    • Prozentuale Änderung in grün (steigend) bzw. rot (fallend)
  5. Es wird erwartet, dass das Hinzufügen einer weiteren Währung in die externe Javascript-Datei automatisch auch zur Berechnung und Anzeige führt.
  6. ...