DynHTML: Erpresserbrief - JirkaDellOro/EIA2 GitHub Wiki

Programmieren Sie mit TypeScript eine kleine Blackmailer-App!

Es sollen die Buchstaben A bis Z in einer Sektion der Seite einzeln formatiert zur Auswahl erscheinen. Dies soll dynamisch geschehen, also nicht in der HTML-Seite angelegt sein. Ein Buchstabe kann per Mausklick, sowie durch Druck auf die entsprechende Taste auf der Tastatur, ausgewählt werden. Die Auswahl wird optisch hervorgehoben.

Bei erneutem Mausklick in einer zweiten Sektion der Seite erscheint dort an der Mausposition der ausgewählte Buchstabe. Somit kann der User einen "verwackelten" Text in dieser Sektion erzeugen.

Um einen bereits erzeugten Buchstaben zu löschen, genügt es ihn bei gehaltener Alt-Taste anzuklicken.

Konzeption
Zeichnen Sie zunächst einen Entwurf der Seite. Erstellen Sie Aktivitätsdiagramme für

• die Erzeugung der Auswahlbuchstaben
• die Auswahl eines Buchstabens (Signalempfang als Startknoten)
• das Löschen eines bereits gesetzten Buchstabens (Signalempfang als Startknoten)

Programmierung
Setzen Sie dann ihre Konzepte um. Nutzen Sie dabei in sinnvoller Weise HTML, CSS und TypeScript/Javascript