Forgot your password?
Grundlagen
Mit dem Befehl document.write("TEXT") kann man ganz einfach Text auf eine Seite ausgeben.
| <script language="JavaScript"><!-- document.write("Herzlich Willkommen auf wyden.eu!"); //--></script> |
Variablen sind einge ganz wichtige Programmierhilfe. Man kann den variablen einen x-belibiegen Namen geben, wie z.Bsp. alter, test, frage, wyden etc. Es darf einfach kein Befehl für die JavaScript Sprache sein! Unter diesen Variablen kann man eigentlich alles speichern. Z.Bsp. frage="Was machst du hier?";. Dann kann man die Variablen auch wieder aufrufen, z.Bsp. document.write(frage);. Somit könnte man das obere Beispiel mit dem "Text einfügen" auch ein bisschen anders programmieren:
| <script language="JavaScript"><!-- welcome = "Herzlich willkommen auf wyden.eu!"; document.write(welcome); //--></script> |
Natürlich kann mit auch mehrere Variablen zu einer zusammenfassen. So wurde z.Bsp. in der Variable name der Wert "Wyden" gespeichert und in der Variable vorname der Wert "Silvan" gespeichert. Jetzt kann man die beiden einfach mit einem + Zeichen zusammenfügen und noch einen Leerschlage (" ") dazwischen einfügen. Die antwort wird anschliessend auf der Seite ausgegeben.
| <script language="JavaScript"><!-- name="Wyden"; vorname="Silvan"; antwort=name + " " + vorname; document.write(antwort); //--></script> |
Mit dem Befehl if (VARIABLE=="WERT") kann man sagen, was der Computer tun soll, wenn die Variable "VARIABLE" den Wert "WERT" hat. Oder wenn diese Variable den gefragten Wert nicht hat, kann man mit dem Befehl else definieren, was dann für eine Aktion ausgeführt werden soll. Wenn also in unserem Beispiel die Variable "antwort" den Wert "Wyden Silvan" hat, soll der Computer den Text ausgeben: "Sie sind der richtige Benutzer." Falls die Variable aber einen anderen Wert hat, soll der Computer den folgenden Text ausgeben: "Sie sind der falsche Benutzer."
| <script language="JavaScript"><!-- name="Wyden"; vorname="Silvan"; antwort=name + " " + vorname; if (antwort=="Wyden Silvan") {document.write("Sie sind der richtige Benutzer");} else {document.write("Sie sind der falsche Benutzer");} //--></script> |
Die geschweiften Klammern { } kann man in diesem Beispiel auch weglasen. Diese muss man aber setzten, wenn man mehr als einen Befehl definiert hat.
Das ganze kann man auch noch erweitern. Wenn man z.Bsp. zwei oder mehrere Bedingungen hat, kann man diese mit zwei "&" verknüpfen: if ((name=="Wyden") && (vorname=="Silvan")) oder wenn eine oder die andere Bedingung richtig sein soll: if ((name=="Wyden") || (vorname=="Silvan"))
Oder wenn etwas ungleich sein soll stat gleich: if(name!="Wyden")
Man kann bei JavaScript auch Funktionen definieren, um Programmabläufe immer wieder aufzurufen. Eine Funktion definiert man mit dem Befehl function FUNKTIONSNAME() { ANWEISUNG DER FUNKTION }. Man kann der Funktion irgend einen FUNTKIONSNAMEN geben über welchen später die Funktion aufrufbar ist. Zwischen den zwei geschweiften Klammern { } steht die ganze Funktion. Die Funktion ist dann später aufrufbar über den Befehl FUNKTIONSNAME();
| <script language="JavaScript"><!-- function schreiben() {document.write("Das ist eine Funktion.");} schreiben(); //--></script> |
Funktionen kann man auch Werte mitgeben mit Hilfe der runden Klammern ( ). Im Beispiel ist es die Variable text die den Wert an die Funtkon übergibt.
| <script language="JavaScript"><!-- function schreiben(text) {document.write(text);} schreiben("Das ist eine Funktion mit Hilfe von Variable und Werten!"); //--></script> |
Mit dem nachfolgenden Beispiel wird die aufzurufende Funktion per im Head deklariert. Anschliessend wird sie über eine Schaltfläche in einem Formular mit dem Befehl onlick="FUNTION()" aufgerufen. Alternativ könnte man das ganze auch beim Starten der Webseite über den Befehl <body onload="FUNKTION()"> aufgerufen werden.
| <head> <script language="JavaScript"><!-- function meldung() {document.write("Das ist eine Funktion.");} </head> <body> <form name="formular"> <input type="button" value="Klick auf mich" onklick="meldung()"> </form> </body> //--></script> |
