====== JavaScript ======
===== Einleitung =====
[[https://de.wikipedia.org/wiki/JavaScript|JavaScript]] ist eine Programmiersprache, mit welcher der HTML-Code einer Webseite manipuliert werden kann, nachdem die Webseite schon im Browser angezeigt wird. Somit ermöglicht JavaScript das Gestalten von interaktive Webseiten.
Wir verwenden zusätzlich die weit verbreitete JavaScript-Bibliothek [[https://jquery.com/|jQuery]], welche den Zugriff auf den HTML-Code mit CSS-Selektoren ermöglicht.
Mit dem folgenden Beispiel wird der Inhalt der aktuellen Webseite geändert:
$('body').html('Neuer Inhalt
');
* Mit ''$(...)'' wird mit einem CSS-Selektor ein oder mehrere HTML-Elemente ausgewählt.
* Das folgende Punkt bedeutet, dass auf die ausgewählten Elemente ein Befehl angewendet werden soll.
* Der Befehl ''html(...)'' bedeutet, dass der Inhalt der ausgwählten Elemente auf den angegebenen HTML-Code gesetzt werden soll.
* Mit dem Strichpunkt '';'' wird der Befehl abgeschlossen.
* **Achtung:** Der CSS-Selektor und der HTML-Code muss in einfachen Anführungszeichen stehen.
== jQuery ==
Für die folgenden Beispiele wird die jQuery-Bibliothek benötigt. Diese kann hier heruntergeladen werden.
[[http://code.jquery.com/jquery-2.1.4.min.js|jquery-2.1.4.min.js]] (Rechtsklick und **Ziel speichern unter** auswählen)
===== Einbindung in HTML =====
Wie bei CSS kann Javascript direkt in eine HTML-Datei eingefügt werden oder in einer separaten Datei gespeichert werden.
==== In einer eigenen JS-Datei ====
Häufig wird vordefinierter JavaScript-Code verwendet. Dieser ist als JS-Datei erhältlich und wird in die HTML-Datei eingebunden, indem beim ''[[web:html:script|
==== Direkt in der HTML-Datei ====
Den JavaScript-Code, welchen Sie selbst schreiben, wird üblicherweise direkt in die HTML-Datei eingebunden. Er innerhalb eines ''[[web:html:script|
===== Auf Ereignisse reagieren =====
Befehle, die direkt im ''[[web:html:script|