Easier to read with cream paper, a tint, more contrast or larger text? Choose your colours and text, once, for every page.

Vorschau

Fehler finden mit der Konsole

Das ist die erste Seite der Lektion. Lies sie und probier die Aufgaben aus. Der Rest steht im ganzen Kurs.

30 Minuten

Der Knopf tut nichts

Du hast alles geschrieben. Du drückst den Knopf. Nichts passiert.

Das passiert allen, die programmieren, auch den Profis. Der Unterschied: Sie wissen, wo sie nachsehen. Heute lernst du es. Dein wichtigstes Werkzeug ist die Konsole.

Am Ende dieser Lektion

Notiz

Ich kann mit der Konsole die Meldung zu einem Fehler lesen und die Zeile finden, die ihn macht.

Schlüsselwörter

BegriffWas er bedeutetBeispiel
Konsoleein Fenster im Browser, in dem Ausgaben und Fehlermeldungen stehen
console.logschreibt einen Wert in die Konsoleconsole.log(menge)
Fehlermeldungein Text, der sagt, was schiefging und in welcher Zeile
Fehlereine Stelle im Programm, die nicht tut, was sie soll
ReferenceErrorein Name wird benutzt, den es nicht gibt
TypeErrorein Wert wird auf eine Weise benutzt, die zu seinem Typ nicht passt

Die Zellen, die Lernende ausfüllen, bleiben in dieser Vorschau leer.

Starter: das Rechnerprojekt

Probier es aus

Starter: das Rechnerprojekt

3 Fragen
Probieren Sie es aus: Ihre Antworten werden hier bewertet und danach vergessen. Melden Sie sich an, wenn Ihre Punktzahl gespeichert werden soll und Sie später dort weitermachen möchten, wo Sie aufgehört haben.Anmelden, um die Punktzahl zu behalten

Deine Antworten werden hier bewertet und nicht gespeichert. Mit einem Konto bleiben deine Ergebnisse erhalten.

console.log zeigt, was gerade los ist

Ein Programm läuft unsichtbar. Mit console.log(wert) schaust du hinein. Du setzt es an die Stelle, die du prüfen willst, und liest, was in der Konsole steht.

Im Browser öffnest du die Konsole mit der Taste F12 (Chrome auf dem Mac: Befehlstaste, Wahltaste und J). Dann wählst du „Konsole“.

Probiere es aus: Werte ansehen

Code: node
// console.log schreibt einen Wert in die Konsole, ohne die Seite zu ändern.
const preis = 2.5;
const menge = 4;

console.log('preis ist', preis);
console.log('menge ist', menge);

const gesamt = preis * menge;
console.log('gesamt ist', gesamt);

// Probiere aus: Setze menge auf "vier" (mit Anführungszeichen). Was zeigt gesamt?

Kurze Prüfung: console.log

Probier es aus

Kurze Prüfung: console.log

3 Fragen
Probieren Sie es aus: Ihre Antworten werden hier bewertet und danach vergessen. Melden Sie sich an, wenn Ihre Punktzahl gespeichert werden soll und Sie später dort weitermachen möchten, wo Sie aufgehört haben.Anmelden, um die Punktzahl zu behalten

Deine Antworten werden hier bewertet und nicht gespeichert. Mit einem Konto bleiben deine Ergebnisse erhalten.

Die Lektion geht weiter

10 weitere Teile dieser Lektion stehen im ganzen Kurs, mit den Aufgaben und der Abschlussprüfung. Mit einem Konto bekommst du alles.