Wie Sie in der letzten Kursfolge gelernt haben kann eine Variable verschiedene Namen
haben ( programm1, Nummer6 oder Start ...). Eine Variable kann zudem noch unter-
schiedliche Informationen speichern und diese können auch wieder ausgelesen werden.
Eine Variable kann man sich wie ein Behälter für Informationen vorstellen.
Um einer Variablen eine Information zu geben, benötigen Sie den JavaScript-Befehl var .
var Name = "Peter";
// Weitere Beispiele
var EinSatz = "Guten Morgen liebe Sorgen, seid Ihr auch schon alle da?";
var Juergen = "Meier bemalt Ostereier.";
var Sieben_mal_7 = "49";
var haallo_echo = "Haallo Otto";
var vorsicht = "Baum fällt";
Um nun die Variable Name in der Dialogbox ausgeben zu lassen, fügen Sie die Variable in den Befehl alert() ein.
alert(Name)
Als Beispiel verwenden Sie das JavaScript von Kursfolge 1:
<script type="text/javascript">
function Start() {
var Name = "Peter";
alert(Name);
}
</script>
<input type="button" value="Bitte drücken!" onClick="Start();">
Mit dem + Zeichen, verbinden Sie zwei Variablen miteinander.
alert(Name+Wann);
<script type="text/javascript">
function Start() {
var Name = "Peter";
var Wann = " hat heute Geburtstag.";
alert(Name+Wann);
}
</script>
<input type="button" value="Bitte drücken!" onClick="Start();">
Eine Variable kann nicht nur eine Zeichenkette (String) enthalten sondern auch Zahlen.
var GeburtsTag = 16;
<script type="text/javascript">
function Start() {
var Name = "Peter";
var Wann = " hat heute Geburtstag, ";
var GeburtsTag = 16;
alert(Name+Wann+ "er wird " +GeburtsTag+ " Jahre alt.");
}
</script>
<input type="button" value="Bitte drücken!" onClick="Start();">
Wenn Sie eine Variable mit einer Zeichenkette erweitern möchten verwenden Sie das += Zeichen.
Name+= " Meier";
<script type="text/javascript">
function Start() {
var Name = "Peter";
Name+= " Meier";
var Wann = " hat heute Geburtstag, ";
var GeburtsTag = 16;
alert(Name+Wann+ "er wird " +GeburtsTag+ " Jahre alt.");
}
</script>
<input type="button" value="Bitte drücken!" onClick="Start();">
info: Beachten müssen Sie bei JavaScript die doppelten Anführungszeichen " und die einfachen Anführungszeichen '.
Hier einige Beispiele was richtig oder falsch ist:
"Peter" // Richtig
'Peter" // Falsch - Einfache und doppelte Anführungszeichen sind gemischt
'Peter' // Richtig
"Peter // Falsch - Anführungszeichen fehlt
"Peter " " // Falsch - drei Anführungszeichen
"Peter \" " // Richtig - das nachfolgende Anführungszeichen wird durch einen Backslash\ geschützt
' "Peter" ' // Richtig
" 'Peter' " // Richtig
Wichtig ist noch dass, im Gegensatz zu PHP, es keinen Zeilenumbruch innerhalb der Anführungszeichen geben darf. Beispiel:
// Falsch
"Peter
Maier"
// Richtig
"Peter Maier"
Tipp: Achten Sie bei JavaScript (genauso wie bei HTML) auf die Schreibweise.
Einen geordneten Quelltext ...
... kann man leichter editieren.
... ist deutlich leichter zu pflegen.
... lässt sich schnell auf Fehler überprüfen.
... strengt beim Lesen nicht so an.
Und durch sauberen Quelltext, kann der Browser die Seiten schneller darstellen.
Hier ein Beispiel:
<script type="text/javascript">function Start(){var Name = "Peter";alert(Name);}</script>
<script type="text/javascript">function Start() {
var Name = "Peter";
alert(Name);
}
</script>
Das JavaScript wurde mit der Leertaste eingerückt und in mehrere Zeilen aufgeteilt.
Dieses kleine JavaScript ist noch überschaubar, wenn aber einmal 300 Zeichen in einer Zeile stehen, so lässt sich dieser Quelltext sehr schwer auf Fehler überprüfen.
Bei verschachtelten If-Anweisungen und Schleifen sollte man auf jedenfall den Code einrücken. Einrücken ist der Fachbegriff wenn man vor
einer Programmzeile eine bestimmte Anzahl von Leerzeichen oder Tabulatoren schreibt.
HomePage-Total.de Webseiten erstellen, optimieren und aufpeppen
info: Beachten müssen Sie bei JavaScript die doppelten Anführungszeichen 
