Übungsaufgaben

Aufgabe: Multiplikationstabelle mit DOM erzeugen

In dieser Aufgabe sollen Sie eine HTML-Seite schreiben, die mit Hilfe des DOM von Javascript eine Multiplikationstabelle einzugebender Größe erzeugt. Eine Multiplikationstabelle der Größe 3 könnte zum Beispiel so aussehen:

  1   2   3
  2   4   6
  3   6   9

Definieren Sie dazu zunächst eine HTML-Datei, die ein Formular mit einem Texteingabefeld und einem Submit-Button zur Eingabe der Tabellengröße enthält. Außerdem soll die Seite eine leere Tabelle enthalten, die mit Hilfe des DOM von Javascript gefüllt werden soll.

Binden Sie dann in Ihre Seite ein Javascript-Programm aus einer .js-Datei ein, das beim Laden der Datei ausgeführt wird. Falls im Formular eine Tabellengröße eingegeben wurde, sollen in die leere Tabelle entsprechende Einträge eingefügt werden, so dass eine Multiplikationstabelle der gegebenen Größe entsteht.

Binden Sie dann in Ihre Seite eine CSS-Datei ein, die die Einträge mit Rahmen versieht und die eingetragenen Zahlen rechtsbündig ausrichtet.

Bonusaufgabe: Pythagoräische Tripel mit DOM erzeugen

Implementieren Sie eine HTML-Seite, die pythagoräische Tripel bis zu einer in einem Formular eingegebenen Größe mit Hilfe des DOM auflistet. Ein pythagoräisches Tripel besteht aus positiven ganzen Zahlen \(a < b < c\), die die Eigenschaft \(a^2 + b^2 = c^2\) erfüllen. Die im Formular eingegebene Größe soll als Obergrenze für die Variablen \(a,b,c\) verwendet werden.

Verwenden Sie das HTML-Tag sup zum Hochstellen von Text, um Ausgaben der Form \(3^2 + 4^2 = 5^2\) zu erzeugen.

Definieren Sie sinnvolle Hilfsfunktionen, um Ihre Implementierung zu vereinfachen.