MINT lernen

Übung — AFB I (Reproduzieren)

Zehn Grundaufgaben zu HTML, CSS und JavaScript — wer sie sicher löst, hat die ersten Punkte der Arbeit schon in der Tasche.

Dein Fortschritt:
0 / 0 Aufgaben
1

Aufgabenblock — AFB I

Zehn Grundaufgaben zum Reproduzieren: Regel kennen, Programm Zeile für Zeile verfolgen, Zahl eintragen. Das sind die sicheren Punkte in jeder Arbeit — vom Box-Modell bis zum Selektor.

A1
Breite eines Kastens
AFB I

.box { width: 100px; padding: 10px; border: 2px solid; } Wie breit ist der sichtbare Kasten?

px
Box-Modell: sichtbare Breite = width + 2 · padding + 2 · border.
Lösung anzeigen
100 + 2 · 10 + 2 · 2 = 124 px
A2
Punkt vor Strich
AFB I

Was gibt console.log(4 + 3 * 2); aus?

Rechenregeln: Auch in JavaScript gilt Punkt- vor Strichrechnung.
Lösung anzeigen
3 · 2 = 6, dann 4 + 6 = 10
A3
Länge eines Arrays
AFB I

let a = [3, 6, 9, 12, 15]; Welchen Wert hat a.length?

length: Anzahl der Werte im Array.
Lösung anzeigen
Fünf Werte → 5
A4
Zugriff per Index
AFB I

let z = [10, 20, 30, 40]; Was gibt console.log(z[1]); aus?

Index: Gezählt wird ab 0 — z[0] ist der erste Wert.
Lösung anzeigen
z[0] = 10, z[1] = 20
A5
Schleifendurchläufe
AFB I

Wie oft läuft der Block von for (let i = 0; i < 7; i++) { … }?

for-Schleife: i nimmt alle Werte an, für die die Bedingung gilt.
Lösung anzeigen
i = 0, 1, …, 6 → 7-mal
A6
Variable verfolgen
AFB I

let x = 5; x = x * 2; x = x - 3; Welchen Wert hat x am Ende?

Zuweisung: Rechts vom = steht der alte Wert.
Lösung anzeigen
5 → 10 → 10 − 3 = 7
A7
Rückgabewert
AFB I

function mal3(n) { return n * 3; } Welchen Wert hat mal3(4) + 1?

return: Der Aufruf „ist“ danach sein Rückgabewert.
Lösung anzeigen
mal3(4) = 12, plus 1 = 13
A8
Text in Zahl
AFB I

Welchen Wert hat Number("8") * 2 + 1?

Number: wandelt Text in eine Zahl um.
Lösung anzeigen
8 · 2 + 1 = 17
A9
Welcher Zweig?
AFB I

let preis; if (alter < 14) { preis = 3; } else { preis = 6; } Welchen Wert hat preis für alter = 14?

€
Vergleich: < schließt die Grenze aus.
Lösung anzeigen
14 < 14 ist false → else → 6 €
A10
Treffer eines Selektors
AFB I

Im HTML stehen <p class="neu">A</p> <li class="neu">B</li> <p>C</p>. Wie viele Elemente liefert document.querySelectorAll(".neu")?

Klassen-Selektor: trifft alle Elemente mit dieser Klasse, egal welcher Tag.
Lösung anzeigen
p.neu und li.neu → 2