# Welche Rolle spielt JS?

Die Einführung auf MDN gibt uns einen guten Überblick darüber, was JavaScript ist und welche Rolle es auf Webseiten spielt:

{% embed url="<https://developer.mozilla.org/de/docs/Learn/JavaScript/First_steps/What_is_JavaScript>" %}

## JavaScript im Kontext von Webseiten

### Client vs. Server

Wir betrachten in diesem Kurs JavaScript im Kontext einer Webseite. Das ist wichtig zu erwähnen, denn es gibt auch eine Variante von JavaScript mit der Bezeichnung Node.js. Diese kann für beliebige Programme verwendet werden und kommt insbesondere auf einem Web**server** zum Einsatz. Wenn wir in diesem Kurs über JavaScript sprechen, meinen wir immer die **clientseitige Verwendung** im Kontext einer Webseite. Mit dem Client meinen wir einen **Webbrowser**, mit dem ein Benutzer eine Webseite öffnet. Dieser Webbrowser, wie etwa Chrome, Firefox oder Safari, kann auf einer Webseite enthaltenen JavaScript-Code ausführen, wenn der Benutzer das erlaubt. Da heute kaum eine Webseite ohne JavaScript korrekt funktioniert, ist das Erlauben von JavaScript sehr zu empfehlen.

### Typische Aufgaben von JavaScript

Was also sind die typischen Aufgaben von JavaScript auf einer Webseite? Hier eine Liste mit typischen Anwendungen, die wir im Anschluss näher besprechen wollen:

* Aktionen ausführen, wenn ein Button angeklickt wurde.
* Formulare nach Benutzereingabe prüfen und an einen Server zur Weiterverarbeitung senden.
* Daten aus einer Datenbank oder API laden, um Inhalte auf der Webseite zu aktualisieren.
* Push-Nachrichten auf der Webseite anzeigen, um auf Aktualisierungen oder Aktionen hinzuweisen.
* Animationen auf einer Webseite ausführen (insbesondere auch bei Online-Spielen).

#### Aktionen ausführen

Mit HTML können wir zwar beliebige Schaltflächen auf unserer Webseite platzieren (z. B. mit dem `<button>` Tag). Klickt ein Benutzer auf eine solche Schaltfläche passiert dennoch nichts weiter. Es sei denn, wir definieren eine entsprechende Aktion, die ausgeführt werden soll. Das ist eines der wichtigsten Anwendungen für JavaScript, die wir im weiteren Verlauf des Kurses intensiv kennenlernen und verwenden werden.

{% content-ref url="/pages/5Vq8ZCgmIVVBqsduekY3" %}
[Aktionen ausführen](/javascript/anwendungen-mit-js/aktionen-ausfuhren.md)
{% endcontent-ref %}

#### Formulare prüfen und verarbeiten

Mit den auszuführenden Aktionen eng verwandt sind Formulare, die häufig auf Webseiten für die Sammlung von Benutzerinformationen eingesetzt werden. In diesem Zusammenhang können wir JavaScript verwenden, um auf die Inhalte eines Formularfeldes zuzugreifen, z. B. um die Gültigkeit einer E-Mail-Adresse zu überprüfen. Zudem setzen wir JavaScript auch dafür ein, um letztlich mit den Formulardaten einen weiteren Prozessschritt auszuführen (z. B. das Speichern in einer Datenbank). Auch diesen Anwendungsfall werden wir im weiteren Verlauf genauer betrachten.

{% content-ref url="/pages/ZKXLTyIriogat8HM1gMU" %}
[Formulare verarbeiten](/javascript/formulare-verarbeiten.md)
{% endcontent-ref %}

#### Daten aus einer Datenbank oder API laden

Gerade auf sogenannten **dynamischen Webseiten** spielen Datenbanken oder Daten aus externen Quellen eine wichtige Rolle. Hier nutzen wir JavaScript, um die neusten Einträge in einem sozialen Netzwerk aus der Datenbank zu lesen und im User-Feed anzuzeigen. Oder um die neuesten Newsartikel in einem Online-Magazin auf der Startseite zu platzieren. Ein anderes Anwendungsbeispiel ist die Integration der aktuellen Wetterinformationen passend zum Standort des Besuchers der Webseite. Dieses können wir über eine API bewerkstelligen, die wir mittels JavaScript aufrufen können. Auch diese Anwendungsfälle werden wir später intensiv kennenlernen.

{% content-ref url="/pages/nnZlGeYXh3PwYpYaInvW" %}
[Datenbanken und APIs abfragen](/javascript/anwendungen-mit-js/datenbanken-und-apis-abfragen.md)
{% endcontent-ref %}

Die anderen beiden Beispiele sind zwar auf vielen Webseiten zu finden, spielen in diesem Kurs jedoch keine weitere Rolle. Solltet ihr euch für eines dieser oder weiterer Anwendungsbeispiele für JavaScript interessieren, so gebt mit gerne Bescheid. Sollte sich Zeit finden, werden wir die Punkte in den Sitzungen adressieren.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://web.datalit.de/javascript/welche-rolle-spielt-js.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.