Die drei Orte, an denen JavaScript läuft
JavaScript läuft nicht von allein – es braucht eine Host-Umgebung, die die Sprache versteht. 2026 sind es im Grunde drei Hosts, mit denen du tatsächlich arbeiten wirst:
- Ein Browser. Jeder Browser bringt seine eigene JavaScript-Engine mit (V8 in Chrome und Edge, SpiderMonkey in Firefox, JavaScriptCore in Safari). Code in die DevTools einfügen – läuft.
- Node.js. Eine eigenständige Laufzeitumgebung, mit der du JavaScript außerhalb des Browsers ausführen kannst – im Terminal, auf Servern, in Build-Tools.
- Online-Playgrounds und Editor-Widgets (wie die auf dieser Seite). Unter der Haube ist das einfach eines der beiden oben, nur in eine Web-Oberfläche verpackt.
Die Sprache ist überall dieselbe. Was sich ändert, ist nur, worauf der Code zugreifen kann – im Browser hast du document und window, in Node das Dateisystem und das Netzwerk. Fang mit dem an, was für deine Situation am einfachsten ist; wechseln kannst du später jederzeit.
Variante 1: JavaScript in der Chrome Console ausführen
Der schnellste Weg, eine Zeile JavaScript im Browser auszuführen, ist die Konsole der DevTools. Öffne eine beliebige Webseite, drücke F12 (oder Cmd+Option+I auf dem Mac), wechsle auf den Tab Console und tippe:
Drücke nach jeder Zeile Enter. Die Konsole gibt den Rückgabewert von Ausdrücken aus – genauso wie alles, was du an console.log übergibst. Du kannst Variablen definieren, Funktionen aufrufen und die aktuelle Seite untersuchen: document.title liefert dir zum Beispiel den Titel des aktiven Tabs.
Wofür die Konsole richtig praktisch ist:
- Ein Snippet in zwei Sekunden ausprobieren.
- Im DOM einer laufenden Website herumstochern.
- Code debuggen, der gerade auf einer Seite läuft.
Was du in der Konsole eintippst, ist weg, sobald du den Tab schließt. Für alles, was bleiben soll, nimmst du besser eine Datei.
Option 2: JavaScript in HTML einbinden mit dem <script>-Tag
Wenn du JavaScript als Teil einer Webseite ausführen willst, packst du es in eine HTML-Datei. Speichere das Folgende als index.html und öffne es per Doppelklick im Browser:
<!doctype html>
<html>
<body>
<h1 id="title">Lädt...</h1>
<script>
document.getElementById("title").textContent = "Hallo von einem Skript";
console.log("Skript wurde ausgeführt");
</script>
</body>
</html>
Mit dem <script>-Tag sagst du dem Browser: „Führ das hier als JavaScript aus." Der Code hat Zugriff auf die Seite, in die er eingebettet ist – deshalb kommt document.getElementById(...) auch an das darüberstehende <h1> heran. Öffne die DevTools, um die Ausgabe von console.log zu sehen.
Sobald es mehr als ein paar Zeilen werden, lagerst du den Code besser in eine eigene Datei aus und bindest sie ein:
<script src="app.js"></script>
Platziere das <script>-Tag möglichst am Ende von <body> oder hänge ein defer an – so läuft das Script erst, nachdem das HTML der Seite geparst wurde. Mehr zu Modul-Scripts und zur Ladereihenfolge findest du im Kapitel über Module.
Variante 3: JavaScript im Terminal mit Node.js ausführen
Wenn du JavaScript ohne Browser laufen lassen willst – etwa ein Script zum Umbenennen von Dateien, einen kleinen Server oder schnell mal eine Datenauswertung – dann greifst du zu Node.js. Installiere es von nodejs.org (nimm die LTS-Version) und prüfe anschließend, ob alles funktioniert:
node --version
Speichere die Datei als script.js:
Führe anschließend im selben Ordner Folgendes aus:
node script.js
Die Ausgabe landet direkt im Terminal. Kein HTML, kein Browser, kein Build-Schritt. So sieht der Alltag bei echter JavaScript-Entwicklung außerhalb des Browsers meistens aus – und Node treibt obendrein die ganzen Tools an (Bundler, Testrunner, Linter), die rund um ein Browser-Projekt zum Einsatz kommen.
Du kannst Node übrigens auch komplett ohne Datei starten. Einfach node tippen und Enter drücken – schon bist du in einer interaktiven Eingabe (einer REPL), in der jede Zeile sofort ausgeführt wird, sobald du sie eingibst. Praktisch zum Ausprobieren, quasi wie die Browser-Konsole, nur eben im Terminal.
Option 4: Der Editor auf dieser Seite
Jeder editor-javascript-Block hier auf Coddy ist ein voll funktionsfähiger Editor. Code anpassen, auf Run klicken, Ergebnis sehen. Für den Einstieg ist das die angenehmste Variante – keine Installation, kein Setup, kein Wechseln zwischen Tabs:
Ersetze "world" durch deinen eigenen Namen und führe das Ganze nochmal aus. Genau das ist der Feedback-Loop beim Programmieren — ändern, ausführen, Ausgabe lesen. Der Großteil dieses Tutorials ist auf diesen Rhythmus ausgelegt.
Welche Variante passt wann?
Nimm einfach die, die zu deinem aktuellen Vorhaben passt:
- Einzeiler testen oder eine geladene Seite inspizieren — JavaScript in der Chrome Console ausführen.
- Etwas mit Webseite drumherum bauen — JavaScript in HTML einbinden über einen
<script>-Tag. - Ein Skript, ein Tool oder einen Server schreiben — JavaScript im Terminal mit Node.js starten (
node script.js). - Diesem Tutorial folgen — direkt die Editor-Blöcke hier auf der Seite.
Ein paar typische Stolperfallen für Einsteiger:
- In Node.js gibt es weder
documentnochwindow. Das sind reine Browser-Objekte. Wer in Nodedocument.getElementById(...)aufruft, bekommt sofortReferenceError: document is not defined. - Im Browser hast du keinen Zugriff auf das Dateisystem. Browser kapseln Seiten aus Sicherheitsgründen in einer Sandbox ab. Willst du eine lokale Datei einlesen, führt kein Weg an Node.js vorbei.
console.logfunktioniert überall — in allen drei Umgebungen. Das ist quasi das universelle „gib mal was aus" für JavaScript.
Ein kleiner Testlauf
Führ das Folgende in der Umgebung deiner Wahl aus. Wenn du die drei Zeilen in der Ausgabe siehst, kann es auf der nächsten Seite weitergehen:
Drei Features in einem einzigen Snippet: console.log, das eingebaute Date-Objekt und eine Array-Methode mit einer Arrow Function. Jedes davon schauen wir uns in den kommenden Kapiteln noch ganz in Ruhe an.
Weiter geht's: Syntax und Semikolons
Jetzt, wo der Code tatsächlich irgendwo läuft, stellt sich als Nächstes die Frage, wie die JavaScript-Syntax eigentlich aussieht — also Statements, Expressions und die ewige Grundsatzdebatte, ob am Ende jeder Zeile ein Semikolon stehen muss oder nicht. Genau darum geht's im nächsten Kapitel.
Häufig gestellte Fragen
Wie führe ich JavaScript-Code aus?
Du hast drei einfache Möglichkeiten: Code in die DevTools-Konsole des Browsers einfügen und Enter drücken. Oder in eine HTML-Datei in einem <script>-Tag packen und die Datei im Browser öffnen. Oder Node.js installieren und im Terminal node script.js aufrufen. Es ist immer dieselbe Sprache — nur die Umgebung drumherum ist anders.
Wie starte ich eine JavaScript-Datei über die Kommandozeile?
Installiere Node.js von nodejs.org, speichere deinen Code als script.js und führe im Terminal im selben Ordner node script.js aus. Die Ausgabe von console.log(...) landet direkt im Terminal — ganz ohne HTML, Browser oder Build-Schritt.
Wie führe ich JavaScript in Chrome aus?
Öffne eine beliebige Webseite, drücke F12 (oder Cmd+Option+I auf dem Mac) und wechsle auf den Reiter Console. Tipp einen beliebigen Ausdruck ein und drücke Enter — der läuft sofort gegen die geladene Seite. Schneller kannst du ein Snippet nicht testen, das DOM nicht inspizieren oder an einer Live-Seite nicht herumprobieren.
