Fallunterscheidung

Beispiel:
Das Beispiel das bei der if ... else if ... else - Bedingung verwendet wurde, läßt sich sehr einfach auch mit der Fallunterscheidung durchführen.

<FORM>
<SKRIPT language="JavaScript">
<!--
var Wert='0';
// --></SKRIPT>

<INPUT TYPE="radio" name="Auswahl"
onClick="Wert='1' ">rot
<INPUT TYPE="radio" name="Auswahl" onClick="Wert='2' ">blau
<INPUT TYPE="radio" name="Auswahl" onClick="Wert='3' ">gelb

<INPUT TYPE="button" VALUE=" Auswahl prüfen "
onCLick="switch(parseInt(Wert)){

case 1:
alert('rot');
break;

case 2:
alert('blau');
break;

case 3:
alert('gelb');
break;

default:
alert('Bitte eine Farbe auswählen')
}">

<INPUT TYPE="reset" VALUE="Löschen" onClick=" Wert='0'">
</FORM>

<SKRIPT LANGUAGE="JavaScript">
Hiermit weiß der Browser, daß es sich bei dem Folgenden um JavaSkript-Anweisungen handelt.
<!--
Diese Zeichen bezeichnen einen Kommentar in HTML. Durch das vorhergehende weiß ein Browser, der JavaSkript versteht, daß das Folgende Anweisungen in JavaSkript sind. Browser, die kein JavaSkript verstehen, ignorieren die folgenden Anweisungen einfach ud betrachten sie als Kommentar.

var Wert='0';
Die Variable >>Wert<< erhält den Wert '0'.

// --></SKRIPT>
Das erste Zeichen, // , ist ein Kommentar in JavaSkript. Es erklärt einem JavaSkriptfähigen Browser, daß er das Folgende nicht beachten soll. Die nächsten Zeichen beenden den Kommentar, der einige Zeilen vorher angefangen wurde. Browser, die kein JavaSkript verstehen beginnen wieder mit der Interpretation des Textes. Dann folgt das Tag </SKRIPT>, mit dem der JavaSkript-Einschub beendet wird.

onClick="Wert='...' "
Den onClick-Befehl kennen Sie bereits. Hier wird er nicht bei einem Button, sondern bei einem Radiobutton verwendet. Die Variable Wert erhält einen neuen Inhalt, wenn der entsprechende Radiobutton ausgewählt wird.

switch(...) {...}
Diese Befehl bewinnt die Fallunterscheidung. Abhängig von dem, was in den Klammern steht, wird der Programmteil des zugehörigen Falls ausgeführt

parseInt(...)
Durch den Befehl parseInt() wird der Inhalt der in den Klammern stehenden Variablen in ein Zahl (Integer) umgewandelt. Die Variable >>Wert<< hat z.B. den Inhalt '2'. Das Ergebnis von parseInt ist dann die Zahl 2.

case 1:
Dies sind nun die einzelnen Fälle. Der Inhalt von Wert wurde zunäöchst in eine Zahl umgewandelt. Abhängig von diese Zahl wird der betreffende Fall ausgeführt, d.h. ein alert-Fenster mit einer Botschaft wird geöffnet.

break;
Mit diesem Befehl wird die Ausführung der Fallunterscheidung abgebrochen. Ansonsten werden alle weiteren Codezeilen bis zum Ende der switch-Klammer >>}<< ebenfalls ausgeführt. Manchmal mag das erforderlich sein, in diesem Fall wünschen wir aber nur, daß ein alert-Fenster dargestellt wird, die weiteren Fälle treffen ja nicht zu.

default:
Der hierauf folgende Programmteil wird ausgeführt, wenn keine der vorhergehenden Bedingungen zutriffKipanya IT-Services - Javaskript Tutorial - Grundlagen-2t.

Zum Schluß wird dann noch beim Anklicken des >>Löschen<<-Buttons der Inhalt von >>Wert<< wieder auf '0' gesetzt.