JavaScript-Einstieg: erste Schritte direkt im Browser

Kein Setup, keine Installation — dein Browser IST die Entwicklungsumgebung.

Schritt 1: Konsole öffnen
F12 drücken (oder Rechtsklick → Untersuchen) → Tab Konsole. Tipp ein:

console.log("Hallo PromptPlay!")

Schritt 2: Die Basics in 5 Zeilen

const name = "Henner";        // Variable (unveränderlich zugewiesen)
let punkte = 0;                // Variable (änderbar)
punkte = punkte + 10;
const gruss = `Hi ${name}, du hast ${punkte} XP`;
console.log(gruss);

Schritt 3: Erste echte Interaktion
Öffne eine beliebige Webseite und tippe in die Konsole:

document.querySelectorAll("a").length

→ zählt alle Links der Seite. Du hast gerade das DOM abgefragt — genau das machen Web-Apps den ganzen Tag.

Schritt 4: Eigene Mini-Seite
Datei index.html:

<button id="btn">Klick mich</button>
<script>
  let n = 0;
  document.getElementById("btn").onclick = () => {
    n++;
    document.getElementById("btn").textContent = `${n}x geklickt`;
  };
</script>

Doppelklick auf die Datei → läuft im Browser.

Weiterlernen
MDN Web Docs (deutsch!) ist DIE Referenz — Link in den Ressourcen. Und: TypeScript: lohnt sich der Einstieg?