JavaScript / Grundkurs - 1. Das erste JavaScript

von: Werner Zenk

1. Das erste JavaScript
2. Variable Variablen
3. 1 x 1 in JavaScript
4. Gleich oder Ungleich

5. Ein- und Ausgaben
6. Wie spät ist es?
7. Öffne das Fenster
8. JavaScript schreibt!

9. Schöne Schleifen
10. Arrays - Datenfelder
11. Alles Zufall?
12. Die Zeichenkette

Ich möchte hier versuchen, Anfängern anhand leichtverständlicher und ausführlich kommentierter Beispiele den Einstieg in JavaScript etwas zu erleichtern. Alle Kommentare zu Methoden, Funktionen und Funktionalitäten bzgl. JavaScript beruhen lediglich auf den von mir gemachten Erfahrungen und stellen keine Ansprüche auf absolute Richtigkeit dar.

JavaScript ist eine Programmiersprache und wird mit dem HTML-Tag
<script type="text/javascript"> eingeleitet und mit dem HTML-Tag </script> beendet.

Mit dem JavaScript-Befehl alert() können Sie zum Beispiel einen Text in einer Dialogbox
ausgeben lassen.

<script type="text/javascript">
 alert( "Hallo Welt!" )
</script>

Dieses kleine JavaScript wird beim laden der Webseite einmal angezeigt.

Das JavaScript testen

Möchten Sie die Dialogbox mehrmals ausgeben, zum Beispiel mit einem Button, so
müssen Sie den JavaScript-Befehl alert() in eine Funktion einbinden.

function Variable() {
}

Eine Funktion beginnt mit dem JavaScript-Befehl function gefolgt von einer Variablen.
Eine Variable ist irgendein Name, der aber keine Sonderzeichen ('!"#%$/:;§?) enthalten darf.
Als Namen können Sie zum Beispiel: „programm1“ oder „Start“ verwenden.
Variablennamen dürfen nicht mit einer Zahl beginnen. „7Raeuber“ ist also kein gültiger Variablenname, „Nummer6“ schon.

Achten müssen Sie auch auf die Groß- und Kleinschreibung, JavaScript unterscheidet zwischen der Variablen „Start“ und „start“ ). Neben der Variablen wird eine Klammer geöffnet und wieder geschlossen.
Das ganze sieht dann zum Beispiel so function Start() oder so function hallo() aus.

Damit der JavaScript-Befehl erst ausgeführt wird wenn der Benutzer den Button drückt, muss der JavaScript-Befehl noch in eine geschweifte Klammer { } gesetzt werden.
Das Javascript sieht dann folgendermaßen aus:

<script type="text/javascript">
 function Start() {
  alert( "Hallo Welt!" )
 }
</script>

Vergessen Sie nicht die geschweifte Klammer mit } zu schließen, sonst funktioniert das ganze nicht.

Als nächstes benötigen Sie noch einen Button mit dem der Benutzer das JavaScript starten kann. Sie nehmen dazu den HTML-Tag <input type="button" value="">.

Im Attribut value="" , tragen Sie die Beschriftung des Buttons ein.
<input type="button" value="Bitte drücken!">

Außerdem benötigen Sie noch ein weiteres Attribut; das Attribut (auch „Event-Handler“ genannt) onClick="" .

Zwischen den Anführungszeichen "" tragen Sie den Namen der JavaScript-Funktion ein. onClick="Start();"

Der ganze Button sieht dann wie folgt aus:
<input type="button" value="Bitte drücken!" onClick="Start();">

Nun ist das JavaScript fertig zum testen, hier der ganze Quelltext:

<script type="text/javascript">
 function Start() {
  alert( "Hallo Welt!" )
 }
</script>

<input type="button" value="Bitte drücken!" onClick="Start();">

Das JavaScript zum testen:

1. Das Erste JavaScript 2. Variable Variablen