Aufgabenblock — AFB III
Begründen statt nur ausführen: Fehler erklären, Varianten vergleichen und Entscheidungen treffen. Formuliere deine Antwort erst selbst in ganzen Sätzen, bevor du die Musterlösung aufklappst.
Begründe in 3–4 Sätzen, warum man für die Gestaltung von 20 gleich aussehenden Produktkarten eine Klasse und keine ID verwendet.
Hinweis: Denke daran, wie oft eine ID auf einer Seite vorkommen darf.
Musterlösung anzeigen (zählt als erledigt)
Musterlösung: Eine ID darf auf einer Seite nur an genau einem Element stehen, eine Klasse dagegen an beliebig vielen. Mit class="karte" und einer einzigen Regel .karte { … } sehen alle 20 Karten gleich aus. Mit IDs bräuchte man 20 verschiedene Namen und 20 Regeln. Ändert sich die Gestaltung, muss man mit der Klasse nur eine Stelle anpassen.
Begründe, warum das <script>-Element für ein Programm, das Elemente der Seite ändert, am Ende des body steht.
Hinweis: Der Browser liest die Datei von oben nach unten.
Musterlösung anzeigen (zählt als erledigt)
Musterlösung: Der Browser baut die Seite von oben nach unten auf und führt ein Script sofort aus, wenn er es erreicht. Steht es im head, gibt es die Elemente des body noch nicht; querySelector liefert dann null, und die nächste Zeile bricht ab. Am Ende des body sind alle Elemente schon geladen und können gefunden werden.
Begründe, warum "5" + 3 den Wert "53", "5" - 3 aber den Wert 2 hat.
Hinweis: Frage dich, welche Bedeutungen + und − haben können.
Musterlösung anzeigen (zählt als erledigt)
Musterlösung: Das Zeichen + hat in JavaScript zwei Bedeutungen: Addieren und Texte aneinanderhängen. Ist einer der Werte ein Text, wird verkettet: "5" + 3 ergibt „53“. − kann nur rechnen; deshalb wandelt JavaScript den Text "5" automatisch in die Zahl 5 um und rechnet 5 − 3 = 2. Um sicherzugehen, wandelt man Eingaben mit Number um.