JavaScript Grundlagen

Die Sprache, die eine Website interaktiv macht, auch auf dieser Website im Einsatz.

Zuletzt aktualisiert: 23. September 2026

JavaScript läuft im Browser und kann eine Seite nachträglich verändern, nachdem sie geladen wurde.

<script src="script.js"></script>Bindet eine externe JavaScript Datei ein, der übliche Weg

<script>...</script>JavaScript direkt in der HTML Datei, ohne externe Datei

console.log(...)Gibt einen Wert in der Entwicklerkonsole des Browsers aus, zum Testen

Speichert einen Wert unter einem Namen.

let zahl = 5;Eine Variable, deren Wert sich später ändern kann

const name = "Elias";Eine Variable, deren Wert danach fest bleibt

var alt = 1;Ältere Schreibweise, heute meist durch let und const ersetzt

Fasst wiederverwendbaren Code unter einem Namen zusammen.

function addiere(a, b) { return a + b; }Klassische Funktionsschreibweise

const addiere = (a, b) => a + b;Kürzere Schreibweise, sogenannte Arrow Function

addiere(2, 3)Ruft die Funktion auf, Ergebnis ist 5

Das DOM ist die Struktur der HTML Seite, wie JavaScript sie sieht und verändern kann.

document.querySelector(".karte")Sucht das erste Element mit dieser Klasse

element.textContent = "Text"Ändert den sichtbaren Text eines Elements

element.classList.add("aktiv")Fügt einem Element eine CSS Klasse hinzu, zum Beispiel für Styling

Ereignisse lösen Code aus, wenn zum Beispiel jemand klickt.

element.addEventListener("click", () => { ... })Führt Code aus, sobald das Element angeklickt wird

"input"Löst aus, sobald sich der Inhalt eines Eingabefelds ändert

"submit"Löst aus, wenn ein Formular abgeschickt wird

Genau wie in anderen Programmiersprachen, nur mit eigener Schreibweise.

if (zahl > 0) { ... }Führt Code nur bei erfüllter Bedingung aus

for (let i = 0; i < 10; i++) { ... }Wiederholt einen Codeblock genau zehnmal

array.forEach(eintrag => { ... })Führt Code für jeden Eintrag einer Liste aus

JavaScript legt den Typ automatisch fest, du musst ihn nicht selbst angeben.

NumberZahlen, egal ob mit oder ohne Nachkommastellen

StringText, in einfachen oder doppelten Anführungszeichen

BooleanNur true oder false

ArrayEine Liste mehrerer Werte, zum Beispiel [1, 2, 3]

ObjectSpeichert mehrere benannte Werte zusammen, zum Beispiel { name: "Max", stadt: "Berlin" }