Anhand eines einfachen Beispiels wird im Folgenden die grundsätzliche Verwendung von JavaScript beschrieben. Dabei werden einige neue Begriffe verwendet, die erst weiter hinten genauer erläutert werden. Auf diese Weise kann man aber schon zu Beginn mit einem "richtigen Programm" loslegen.
| <HTML> <HEAD> |
Beginn der HTML-Datei |
| <script language="JavaScript"> | Innerhalb des Kopfes wird ein JavaScript-Bereich geöffnet |
| function hoch2(x_var){ | Eine Funktion mit Namen hoch2 wird definiert, deren Funktionswerte von einer Variablen mit Namen x_var abhängen. Die geschweifte Klammer öffnet den Rumpf der Funktion |
| var erg; |
Eine Variable mit dem Namen erg wird definiert |
| erg = x_var * x_var; | Der Wert des Terms x_var * x_var wird berechnet und an die Variable erg übergeben. |
| alert(erg); } |
Die vordefinierte Funktion alert() gibt den aktuellen Wert der Variablen erg in einem Meldungsfenster aus, falls die Funktion aufgerufen wird. Die geschweifte Klammer schließt den Rumpf der Funktion hoch2. |
| </script> </HEAD> |
Der JavaScript-Bereich sowie der Kopf der HTML-Datei werden geschlossen. |
| <BODY> <FORM name="f1"> |
Innerhalb des Bodys der HTML-Datei wird ein Formular mit Namen f1 erzeugt. |
| <input type="text" name="efeld"> <input type="button" value="berechne x^2" onClick="hoch2(document.f1.efeld.value)"> |
Dieses Formular erhält einen Knopf zum aufrufen der oben definierten JavaScript-Funktion. An die Funktion wird die im Textfeld efeld eingegebene Zahl übergeben. |
| </FORM> </BODY> </HTML> |
Formularende, Rumpfende, Ende der HTML-Datei. |
Aufgabe 1: Schreibe ein JavaScript-Programm, das für jede beliebige Zahl das Doppelte ihres Quadrates berechnet.
Aufgabe 2: Schreibe ein JavaScript-Programm, das für beliebige Zahlen a und b deren arithmetisches Mittel (a+b)/2 berechnet.
Hinweis zu Aufgabe 2: Bei Verwendung des Plus-Zeichnes kann ein Fehler auftreten, da das Programm "denkt", es müsse mit "+" zwei Zeichen aneinanderhängen (z.B. ergibt 1+3 dann 13). Mit der Funktion Number() kann man das Programm davon überzeugen, dass die in Klammern befindliche Variable eine Zahl ist.