Zuweisung
Die Arithmetik hat dir Symbole geliefert, die eine neue Zahl berechnen. Hier legst du ein Ergebnis in eine benannte Box und aktualisierst sie später. Zuweisung füllt Variablen — mit = und mit Kurzformen wie +=, die bedeuten: „nimm den alten Wert, ändere ihn, speichere ihn wieder.“
Was ist Zuweisung?
Zuweisung speichert einen Wert in einer Variablen. Links steht der Name. Rechts steht der Wert (oder ein Ausdruck, der einen Wert liefert). Nach let points = 10; hält der Name points die 10. Spätere Zeilen können den Namen lesen oder einen neuen Wert speichern.
Die Operatoren auf einen Blick
📊 Alltägliche Zuweisungsoperatoren
| Operator | Bedeutung | Entspricht |
|---|---|---|
= |
speichern | (erster Store oder voller Ersatz) |
+= |
addieren und speichern | x = x + … |
-= |
subtrahieren und speichern | x = x - … |
*= |
multiplizieren und speichern | x = x * … |
/= |
dividieren und speichern | x = x / … |
%= |
Rest nehmen und speichern | x = x % … |
Halte dieses Blatt bereit. Jede Kurzform ist immer noch eine Zuweisung — sie packt die Rechnung in eine Anweisung. Anfänger sollten += mental zu x = x + … aufklappen können.
let points = 10;
console.log(points);
let label = "ready";
console.log(label);
let total = 4 + 6;
console.log(total);
Neu zuweisen mit let
Mit let ersetzt eine spätere Zuweisung den gespeicherten Wert. Das ist normal für Zähler, Punkte und Formularfelder, die sich ändern.
let score = 0;
console.log(score);
score = 10;
console.log(score);
score = score + 5;
console.log(score);
Die Konsole zeigt 0, dann 10, dann 15. Jedes = schreibt einen neuen Wert in score. Nutze const, wenn der Name nach dem ersten Store fest bleiben soll — const lehnt eine zweite Zuweisung an diesen Namen ab.
Zusammengesetzte Zuweisung (Kurzformen)
Kurzformen aktualisieren und speichern in einer Zeile. Links bleibt derselbe Name.
let n = 8;
n += 2;
console.log(n);
n -= 3;
console.log(n);
n *= 2;
console.log(n);
n /= 4;
console.log(n);
n %= 3;
console.log(n);
Starte bei 8. Nach += 2 hast du 10. Nach -= 3 → 7. Nach *= 2 → 14. Nach /= 4 → 3.5. Nach %= 3 → 0.5. Verfolge eine Kurzform nach der anderen, bis das Muster sitzt.
+= mit Text
+= funktioniert auch, wenn der gespeicherte Wert ein String ist — es hängt Text an. Praktisch, um eine Nachricht Schritt für Schritt zu bauen.
let msg = "Hi";
msg += " ";
msg += "Sam";
console.log(msg);
let line = "score=";
line += 12;
console.log(line);
msg wird "Hi Sam". line wird "score=12", weil das Anhängen einer Zahl an einen String das Ergebnis zum Text macht. Dieselbe Idee wie die +-Falle aus der Arithmetik — wisse, ob du Zahlen oder eine Nachricht meintest.
= speichert; === vergleicht
Ein Gleichheitszeichen speichert. Drei fragen: „gleicher Wert und Typ?“ Sie zu verwechseln ist ein Klassiker: if (x = 5) speichert 5 statt zu vergleichen.
let x = 5;
console.log(x);
console.log(x === 5);
console.log(x === "5");
x = 9;
console.log(x === 9);
Nach let x = 5 ist das Log von x gleich 5. x === 5 ist true. x === "5" ist false (Zahl vs. String). Später speichert x = 9 einen neuen Wert; dann ist x === 9 true. Der tiefe Vergleichsunterricht kommt als Nächstes — hier brauchst du nur den Kontrast Speichern vs. Fragen.
Zähler auf der Seite aktualisieren
Speichere einen Startwert, erhöhe ihn mit +=, und schreibe das Ergebnis in die Seite.
<!DOCTYPE html>
<html>
<head>
<title>Assignment — page counter</title>
</head>
<body>
<p id="out">…</p>
<script>
let clicks = 0;
clicks += 1;
clicks += 2;
let box = document.getElementById("out");
box.textContent = "clicks=" + clicks;
</script>
</body>
</html>
Start bei 0, plus 1, plus 2 → die Seite zeigt clicks=3. Ändere die Kurzformen, lade neu, prüfe den Text. Echte Buttons können dieselbe Idee später aufrufen; diese Demo zeigt nur Speichern und Aktualisieren.
Selbst ausprobieren
- Speichere
let a = 3, loggea, weise danna = 7zu und logge erneut. - Starte mit
let n = 10, führen += 4aus, loggen. - Von diesem
nausn *= 2ausführen und loggen. - Baue
let s = "Go", danns += "!"und logge. - Logge
7 === 7und7 === "7"nebeneinander. - Ändere in der HTML-Demo nur die zweite Kurzform (
+= 2), lade neu, lies den neuen clicks-Wert.
Typische Fehler
=schreiben, wenn du in einer Bedingung===meintest- Einen
const-Namen nach dem ersten Store neu zuzuweisen - Den Variablennamen links vergessen (
+= 5allein ist ungültig) - Annehmen,
+=gelte nur für Zahlen — Strings werden angehängt - Zuweisung (Speichern) mit reiner Arithmetik (neuer Wert ohne Zielnamen) verwechseln
Kurzfassung
=speichert einen Wert in einer Variablenleterlaubt spätere Stores;consthält den ersten Store fest+=-=*=/=%=aktualisieren und speichern in einem Schritt+=kann Text anhängen oder Zahlen addieren=speichert;===vergleicht — nicht vertauschen- Als Nächstes: Vergleiche — Fragen mit
===,!==,<,>und Co.
🧠 Testen Sie Ihr Wissen
Testen Sie Ihr Wissen
Fordern Sie sich mit diesem interaktiven Quiz heraus und sehen Sie, wie gut Sie das Thema verstehen
📝 Anweisungen
- Lesen Sie jede Frage sorgfältig
- Wählen Sie die beste Antwort für jede Frage
- Sie können das Quiz so oft wiederholen, wie Sie möchten
- Ihr Fortschritt wird oben angezeigt