Übungsaufgabe
Inhaltsverzeichnis |
Allgemeine Fragen
Was ist ein Script ?
Was bedeutet es "ein Skript zu interpretieren" ?
Was ist Quelltext, Sourcecode, Programmcode, Programmtext ?
Woran erkennt man ein Script in einer HTML-Seite ?
Wo findet man Javascript-Quelltext in einer HTML-Seite ?
Zu welchem Zeitpunkt wird das Javascript ausgeführt (gestartet)? Bedenken Sie, dass der Browser (z.B. Firefox) die HTML-Seite vom Server als Stream lädt. Alle bereits empfangenen Zeichen können vom Browser also verwendet werden (z.B. Anzeige von HTML, Ausführen von Skripten).
Was sind Anweisungen? Was sind Blöcke ?
Wozu benötigt man Variablen ?
Einbindung von JavaScript in HTML
Aufgabe 1 Probieren Sie das Beispiel aus der Vorlesung aus: Benutzen Sie einen beliebigen Editor und tippen Sie das Beispieldokument ab. Speichern Sie die Datei unter erstesJavaScriptProgramm.html und schauen Sie sich das Resultat im Browser an.
Aufgabe 2
Wenn Sie eigene Dokumente mit eingebetteten JavaScript-Anweisungen schreiben, kommt es immer wieder vor, dass Sie einmal kleinere Schreibfehler machen. Deshalb sollen Sie jetzt probeweise einige Fehler ganz bewusst in das Dokument einbauen, um später mit den Auswirkungen bei der Darstellung im Browser etwas anfangen zu können. Bauen Sie nacheinander an verschiedenen Stellen der gerade angelegten HTML-Datei Schreibfehler in das öffnende
- Deaktivieren Sie die Ausführung von JavaScript in Ihrem Browser.
- Lassen Sie die schließenden HTML-Kommentarzeichen weg.
- Fügen Sie ein einzeiligen Kommentar in das Script ein und lassen Sie das zweite /-Zeichen weg
- Fügen Sie ein mehrzeiligen Kommentar in das Script ein und lassen Sie ein *-Zeichen weg
- Lassen Sie das -Tag weg
JavaScript in separaten Dateien
Aufgabe 3 Probieren Sie auch dieses Beispiel aus der Vorlesung aus! Benutzen Sie einen beliebigen Editor und tippen Sie das Beispieldokument ab. Speichern Sie die Dateien unter zweitesJavaScriptProgramm.html und zweitesJavaScriptProgramm.js und schauen Sie sich das Resultat im Browser an.
document.write("Begruessungstext: ...");