Typische Fehler

So wird es oft gemacht: <p>Preis: <b>2 €</p></b>

Richtig ist: <p>Preis: <b>2 €</b></p>

Zuletzt geöffnet, zuerst geschlossen.

So wird es oft gemacht: <body><title>Quiz</title>

Richtig ist: <head><title>Quiz</title></head> — nur im head erscheint er im Tab.

head = über die Seite, body = auf der Seite.

So wird es oft gemacht: color = red;

Richtig ist: color: red;

CSS: Doppelpunkt, Semikolon.

So wird es oft gemacht: width: 200px; padding: 10px; → „200 px breit“

Richtig ist: 200 + 2 · 10 = 220 px sichtbar (plus Rahmen).

padding und border zählen doppelt dazu.

So wird es oft gemacht: Console.log("Hi");

Richtig ist: console.log("Hi");

JavaScript unterscheidet groß und klein.

So wird es oft gemacht: "12" + 8 soll 20 sein

Richtig ist: Number("12") + 8 ergibt 20.

Erst Number, dann rechnen.

So wird es oft gemacht: if (x = 5) {

Richtig ist: if (x === 5) {

Speichern: =, vergleichen: ===.

So wird es oft gemacht: if (p >= 70) … else if (p >= 90)

Richtig ist: Strengste Bedingung zuerst: if (p >= 90) … else if (p >= 70)

Die erste wahre Bedingung gewinnt.

So wird es oft gemacht: for (let i = 0; i <= a.length; i++)

Richtig ist: for (let i = 0; i < a.length; i++) — der letzte Index ist length − 1.

Index von 0 bis length − 1.

So wird es oft gemacht: function f(x) { console.log(x * 2); } → f(3) + 1 ist NaN

Richtig ist: function f(x) { return x * 2; }

Anzeigen ist nicht zurückgeben.

So wird es oft gemacht: document.getElementById("#titel")

Richtig ist: document.getElementById("titel") oder querySelector("#titel")

Raute nur im CSS-Selektor.

So wird es oft gemacht: knopf.addEventListener("click", zaehle());

Richtig ist: knopf.addEventListener("click", zaehle);

Übergeben, nicht aufrufen.