Aufgaben vom 10.3.2004 (Woche 6)

Bearbeitungszeit: bis Dienstag, 30. März 2004, 16:30 Uhr

1. Mit Eingabefeldern arbeiten

Wie Sie an den Programmen der letzten Woche gemerkt haben, ist Programmieren relativ witzlos, wenn man keine Eingaben entgegennehmen kann. Internet-Programme in JavaScript oder PHP erhalten Ihre Eingaben in der Regel aus Eingabefeldern. Wie das gemacht wird, ist auf der Seite inout.html nachzulesen. Achten Sie beim Lesen besonders darauf, wie die Namen der Felder bzw. die Namen der Variablen später von JavaScript und PHP benutzt werden, um auf diese Daten zuzugreifen. Die Dateien simpleformjs.html und simpleformphp.html (letztere in Verbindung mit dem zugehörigen PHP-Script simpleform.php) zeigen Ihnen ausserdem jeweils ein primitives, aber funktionierendes Beispiel in JavaScript und PHP.

Schreiben Sie nun das JavaScript- und das PHP-Programm der letzten Aufgabe so um, dass es seine Eingabedaten aus Eingabefeldern bezieht (welches Sie ebenfalls schreiben müssen - und zwar sowohl für JavaScript wie auch für PHP!) und dann (z.B. aufgrund einer einfachen Berechnung) eine Ausgabe generiert. Diese soll im JavaScript-Fall in die selbe Seite geschrieben werden (wie in simpleformphp.html), im PHP-Fall einfach in der Ausgabeseite erscheinen (wie bisher auch schon). In beiden Fällen müssen Sie die nötigen Eingabefelder und einen Button definieren, für das JavaScript braucht es zusätzlich einen <span>...</span>-Bereich für die Ausgabe.

Auch in dieser Aufgabe soll in JavaScript und in PHP objektorientiert programmiert werden. Nehmen Sie sich dafür die Flächenberechnungs-Beispiele von Woche 5 (die Sie selbst zum laufen gebracht haben) zum Beispiel. Die Eingabedaten sollen dabei dem Konstruktor übergeben werden, und bei der Berechnung des Resultats soll eine Klassenfunktion zur Anwendung kommen. Nebst der bereits erwähnten Einführung gibt's weitere Links zum Thema Objekte und Klassen in den Anleitungen zu JavaScript und PHP.

Dokumentation der Lösungen

Wie immer gehört zur vollständigen Dokumentation der Lösung im Fall von JavaScript die zugehörige HTML-Datei und im Fall von PHP das lauffähige Programm plus eine .phps-Datei mit dem Quellcode. Fügen Sie auch Kommentare in Ihre Programme ein, die erläutern, was wo passiert. Halten Sie sich ausserdem an folgende Regeln für die Darstellung des Codes:

Valid XHTML 1.1! Valid CSS!