Aufgaben

Aufgabe 1

Erstellen Sie ein JavaScript, das den Bruttopreis eines Artikels, der Netto in einer Variablen vorher festgelegt wurde, mit einem entsprechenden Text in einer alert-Box sowohl vor als auch nach der MwSt.-Erhöhung (von 16% auf 19%) ausgibt. Die alert-Box soll erscheinen, wenn der Nutzer auf einen Link (z.B. hinter einer Artikelbezeichnung) klickt.

Stellen Sie sich vor, auf Ihren Webseiten können sich die Nutzer für einen besonderen Service anmelden. Diese Anmeldung soll aus fünf HTML-Form-Feldern bestehen: Vorname, Nachname, Passwort, Passwort Wiederholung und e-mail-Adresse, sowie einem "anmelden"-Button.

• Da die Daten (z.B. Björn Ölgemöller) später in eine Datenbank geschrieben werden sollen, Sonderzeichen wie Umlaute etc. jedoch plattformspezifisch sind, müssen diese vorher in HTML kodiert werden.
• Schreiben Sie also je eine Funktion,
  1. die in den Namen die deutschen Sonderzeichen Ä,ä,Ü,ü,Ö,ö und ß in HTML-Code (also Ä usw.) überführt und den HTML-konformen Text in einer alert()-box ausgibt.
     Dafür kann z.B. folgende Answeisung verwendet werden: pos = v_name.indexOf("ü");
  2. die testet ob alle Felder auch ausgefüllt wurden und
  3. ob die e-mail-Adresse auch eine ist (es gibt zwei Minimalbedingungen).
  4. Die Bestätigung des Passwortes muss übereinstimmen.

Aufgabe 3

Schreiben Sie ein JavaScript-Programm das ausrechnet wieviel Sekunden, Stunden bzw. Tage Sie alt sind.
Zusätzlich soll es ausgeben, an welchem Wochentag sie geboren wurden.
Um zu testen ob Ihre Funktion auch funktioniert, sollten Sie zunächst das aktuelle Datum einsetzen.

Aufgabe 4

Programmieren Sie in HTML eine Ampelsteuerung.
Legen Sie ein HTML-Dokument an, daß ein frameset enthält, welches folgende Struktur hat:

Vergessen Sie nicht den frames Namen zu geben.
Der linke frame ist für die Navigation vorgesehen, die drei rechten frames stellen die Ampel dar.
Erstellen Sie nun vier leere HTML-Dokumente, die sich nur durch Ihre Hintergrundfarbe (bgcolor im body-tag) unterscheiden (Schwarz, Rot, Grün, Orange). Verwenden Sie nicht „grün“ als Dateinamen, nur z.B. „gruen“.
Auf der Navigationsseite sollen folgende Ampelzustände aufgerufen werden können:

• Fahren (Schwarz-Schwarz-Grün)
• Losfahren (Rot-Orange-Schwarz)
• Stop (Rot-Schwarz-Schwarz)
• Halten (Schwarz-Orange-Schwarz)

Beim Anwählen der Ampelzustände sollen die entsprechenden HTML-Seiten in die rechten frames geladen werden. Dafür müssen Sie ein Java-Script schreiben, daß bei einem link mehrere frames aktualisiert. Der JavaScript-Block sollte im HEAD-Teil des HTML-Dokumentes liegen und eine Funktion enthalten, der drei Parameter (je einen für jeden frame) übergeben werden.