| Jede JavaScript -Funktion wird zwischen den Zeilen: <script language="JavaScript" type="text/javascript"> und: </script> definiert. Um Scripte vor nicht scriptfähigen Browsern zu verstecken, wird die zweite Zeile <!-- und die vorletzte Zeile //--> eingefügt. Nicht scriptfähige Browser interpretieren alles, was zwischen diesen beiden Zeilen steht als Kommentar, der nicht auf der Seite angezeigt werden soll. Jede JavaScript-Funktion sieht grundsätzlich so aus: function Name_der_Funktion() { } Die runden Klammern hinter dem Funktionsnamen dürfen nicht vergessen werden! Die eigentlich auszuführenden Kommandos werden in die geschweifte Klammer eingesetzt. In unserem Fall handelt es sich um die Überprüfung mehrerer Bedingungen. Deswegen folgen einige if-Abfragen: Die Zeile if(document.Auswahl.Farbe[0].checked==true) überprüft, ob auf der aktuell geladenen Seite (document), im Formular "Auswahl" der dort befindliche Radiobutton "Farbe" gerade ausgewählt (checked==true) ist. Da es drei Radiobuttons mit dem Namen Farbe gibt, werden sie durchnumeriert. Gestartet wird allerdings mit der Zahl 0, die in eckigen Klammern hinter dem Namen der gleich benannnten Radiobuttons zu finden ist. Obige Zeile bezieht sich also auf den ersten Radiobutton (rot). Unterhalb der Abfrage-Zeile steht in geschweiften Klammern, was passieren soll, wenn tatsächlich der erste Radiobutton ausgewählt wurde: document.text.Ausgabe.value="Dies ist nicht richtig!"; Bei Erfüllung der Bedingung wird auf der aktuell geladenen Seite (document), im Formular "text" die TextArea mit Namen "Auswahl" angesprochen. Der in ihr befindliche Text (value) wird auf "Dies ist nicht richtig!" gesetzt. Wichtig ist das Semikolon am Ende der Zeile. Es schließt jeden JavaScript-Befehl ab. Wichtig: nie hinter eine Zeile mit einer if-Abfrage setzen! Analog funktionieren die if-Abfragen für die beiden anderen Radiobuttons. Um auch dann eine Rückmeldung zu erhalten, wenn der "Antwort prüfen" Button ohne Auswahl eines Radiobuttons gedrückt wurde, ist die letzte if-Abfrage eingefügt worden: if(document.Auswahl.Farbe[0].checked==false && document.Auswahl.Farbe[1].checked==false && document.Auswahl.Farbe[2].checked==false) Die Textausgabe funktioniert wie oben bereits beschrieben. Zum Abschluß erfolgt noch eine Bemerkung zu den Operatoren: Innerhalb von Funktionen wird bei einer Wertzuweisung nur das einfache=verwendet. Innerhalb von if-Abfragen muß allerdings das doppelte=(==) verwendet werden. In if-Abfragen sind folgende Vergleichs-Operatoren erlaubt: -=="ist gleich" - <="kleiner gleich" - < "strikt kleiner" - >="größer gleich" - > "strikt größer" - !="ungleich" Um mehrere Fakten in einer if-Abfrage überprüfen zu können, gibt es verbindende Operatoren: - && "und", beide Bedingungen müssen erfüllt sein - || "oder", eine der Bedingungen muß erfüllt sein Mittels runder Klammern kann man Bedingungen auch schachteln. Weitere Informationen über JavaScript gibt es im Internet unter http://www.teamone.de/selfhtml |