JavaScript zusammen mit den Elementen eines Formulars (Knöpfe, Textfelder usw.) ermöglicht die Gestaltung von interaktiven Webseiten. Hier ein einfaches Beispiel:

 

Zur Erkärung des Codes:

Die HTML-Seite enthält ein Fomular <FORM name=meinFormular> .... </FORM> mit dem Namensattribut "meinFormular". Es besteht aus zwei Elementen: einem Knopf und einem Textfeld.

Drückt man den Knopf (INPUT TYPE=button), ruft der Eventhandler onclick ein JavaScript auf:

var vorname=prompt('Wie heisst du ?');
meinFormular.meinTextfeld.value='Guten Morgen, ' + vorname"

Die vordefinierte Funktion prompt('Wie heisst du ?') erzeugt ein Dialogfenster, das den übergebenen Text und ein Textfeld zur Eingabe durch den Benutzer enthält. Wählt man im Dialogfenster den Knopf "OK", wird der eingegebene Text der Variablen "vorname" übergeben und im Textfeld des Formulars angezeigt.

 

JavaScript-Elemente können im BODY-, im HEAD-Teil der HTML-Seite stehen, oder auch (wie oben) in den Markierungen von Formularelementen.

  • Groß- und Kleinschreibung beachten !
  • Semikolon am Zeilenende (optional)

// Zwei Schrägstriche am Zeilenanfang leiten einen einzeiligen Kommentar ein

Ein mehrzeiliger Kommentar steht zwischen /* und */

 

Variablen sind Namen von Speicherplätzen, in denen Daten abgelegt werden können, um sie später wieder aufzurufen.

 

Datentypen in JavaScript:

1) Zahlen

ohne Unterscheidung von ganzen Zahlen und Kommazahlen, z.B.:

27, -3205, 2.4897

2) Zeichenketten (Strings), z.B.:

Guten Tag !

 3) Felder (Arrays)

Ansammlung von Datenwerten, die durch eine Zahl identifiziert werden, die man "Index" nennt. 

4) Objekte

 

Variablen deklariert man (üblicherweise) vor ihrer Benutzung mit Hilfe des Schlüsselwortes "var". Dabei wird in JavaScript der Datentyp nicht angegeben:

var i;

var summe;

var x, y, z;

var name;

var meinFeld = new Array();

 

Die Zuweisung der Anfangswerte kann nach der Deklaration erfolgen. Der zugewiesene Anfangswert einer Variablen bestimmt ihren Datentyp:

i = 2;

summe = 2.457;

name = "Sebastian" // eingeschlossen in "... " oder '...'

meinFeld[0] = 3;

meinFeld[1] = 7.5;

 

Die Deklaration einer Variablen und die Zuweisung des Anfangswertes können auch in einem Schritt erfolgen:

var i = 2;

var summe = 2.457;

var name = "Sebastian";

var meinFeld = new Array(3,7.5)

 

Letzte Änderung: