MINT üben

JavaScript und die Konsole

Dreißig Übungen zu JavaScript im Browser — das script-Element, console.log und das Lesen von Fehlermeldungen.

Dein Fortschritt:
0 / 0 Aufgaben
1

Übungsaufgaben

Dreißig Übungen in gemischter Reihenfolge — du klickst, ziehst, ordnest, rechnest und knobelst. Jede Übung gibt dir sofort eine Rückmeldung, und zu jeder Aufgabe gibt es zwei gestufte Tipps: Der erste zeigt die Richtung, der zweite den entscheidenden Schritt. Die Chips zeigen das Anforderungsniveau: AFB I heißt wiedergeben und direkt anwenden, AFB II selbst entscheiden und verknüpfen, AFB III begründen, beurteilen oder eine Falle durchschauen. Aufgaben mit dem Chip Mix verbinden Wissen aus früheren Unterkapiteln, bei Trick steckt eine Falle drin. Fährst du über ein unterstrichenes Arbeitswort, siehst du, was es genau von dir verlangt.

A1
Einbinden in Einzelteilen
AFB III

Entwickle Quelltext und Programm, indem du die Lücken füllst.

Wähle in jedem Menü den passenden Eintrag und prüfe dann.
<body>
  <h1>Mein Quiz</h1>
  <script ="app.js"></>
</body>

 Begrüßung
console.("Los geht's!");
In HTML-Dateien heißen Kommentare <!-- … -->, in Python #, in JavaScript //. print kennst du aus Python — in JavaScript heißt es console.log.
Vergleiche mit dem Grundgerüst aus der Erklärung.
Nicht jede Sprache kommentiert gleich.
A2
Schon geladen?
AFB IMix

Zeichne im Quelltext jede Zeile ein, deren Element schon geladen ist, wenn die Datei app.js startet. Der Browser liest die Seite von oben nach unten.

Genau 3 Zeilen sind schon geladen. Klicke sie an — ein zweiter Klick nimmt die Markierung zurück.
0 von 3 markiert
<h1>Quiz</h1><p>Frage 1</p><p>Frage 2</p><script src="app.js"></script><p>Frage 3</p><p>Ende</p>
Der Browser liest von oben nach unten und führt app.js aus, sobald er beim script-Element ist. Geladen sind nur die Zeilen darüber. Darum steht das script am Ende des body.
Der Browser liest die HTML-Seite von oben nach unten und führt das Programm aus, sobald er beim script-Element ist.
Das script-Element selbst und alles darunter ist noch nicht geladen.
A3
Bingo: Ausgabe 12
AFB II

Bestätige durch Rechnen, welche Felder die Ausgabe 12 erzeugen, und markiere sie.

Jedes Feld ist der Inhalt der Klammer von console.log(…). Markiere alle Felder, bei denen die Konsole 12 ausgibt.

Markiere alle Felder, bei denen console.log(…) die Ausgabe 12 schreibt.

Die Ausgabe 12 erzeugen 3 · 4, "1" + 2 (aneinandergehängt), 6 + 6, 20 − 8 und "1" + "2". "6" + 6 ergibt 66, 24 : 3 ergibt 8, 2 · 5 ergibt 10 und "12" + 0 ergibt 120.
Rechne jedes Feld einzeln aus; Anführungszeichen entscheiden, ob gerechnet wird.
Bei Text neben einer Zahl wird aneinandergehängt: Was entsteht bei "1" + 2?