Zum Inhalt springen
aviral gupta
Kontakt aufnehmen

// B1.1 · ca. 30 Min. · Einstieg

JavaScript ausführen: in der Konsole und mit Node.js

Nach dieser Lektion führen Sie eine JavaScript-Datei mit Node.js oder im Browser aus, sagen vorher, was console.log ausgibt, und finden mit einer Fehlermeldung die Zeile, an der Ihr Programm gestoppt hat.

Lektion 1 von 5 in B1 Erste Schritte

Anfang des Moduls

Danach können Sie

  • JavaScript in der Browser-Konsole, im Editor auf dieser Seite und mit node main.js ausführen
  • Vorhersagen, was console.log für Text, Zahlen, Summen und Listen ausgibt
  • Eine Fehlermeldung lesen: Art, Text und Zeile, und wissen, warum danach nichts mehr lief

  1. Aufwärmen · Aufgabe 1 von 7

    Zum Aufwärmen: Wo kann JavaScript-Code laufen? Wählen Sie alle zutreffenden Antworten.

    Wählen Sie alle zutreffenden aus.

  2. Vorhersagen · Aufgabe 2 von 7

    Sagen Sie es vorher, bevor Sie weiterlesen: Was gibt dieser Code aus?

    console.log("Total", 3.5 + 4.25, "EUR");

  3. Üben · Aufgabe 3 von 7

    Ergänzen Sie den Methodennamen, sodass das Programm Hello, Node.js ausgibt.

    console.____("Hello, Node.js");
    console.("Hello, Node.js");

  4. Üben · Aufgabe 4 von 7

    Die Zeile enthält einen Tippfehler. Welche Art von Fehler ergibt das Ausführen?

    consol.log("Hello");

  5. Üben · Aufgabe 5 von 7

    Ordnen Sie jeder Codezeile ihre Ausgabe zu.

  6. Denksport · Aufgabe 6 von 7

    Knobelaufgabe. Dieses Programm stoppt mit einem Fehler. Was gibt es vorher aus?

    console.log("one");
console.log(two);
console.log("three");

  7. Anwenden · Aufgabe 7 von 7

    Kleine Aufgabe. Schreiben Sie ein Programm mit drei console.log-Zeilen, das ein kurzes Profil ausgibt: einen Namen, ein Geburtsjahr und ein Alter, das JavaScript mit - ausrechnet. Führen Sie es im Editor aus und, wenn Node.js installiert ist, speichern Sie es als main.js und starten es mit node main.js.

    Prüfen Sie Ihr Ergebnis anhand dieser Liste

Selbst programmieren

Lesen Sie das ausgearbeitete Beispiel und lösen Sie dann die Übungen. Ihr Code läuft in Ihrem Browser oder auf Ihrem Computer und wird nie hochgeladen.

Ausgearbeitetes Beispiel

Eine Café-Rechnung

Dieses Programm gibt eine kleine Rechnung für einen Tisch aus. Es verwendet nur console.log und console.error: Zahlen, Summen, eine Liste von Posten und Text. Führen Sie es aus, ändern Sie dann den Preis des Kuchens oder fügen Sie einen Posten hinzu und führen Sie es erneut aus. Die Druckerwarnung geht auf stderr und gehört deshalb nicht zur Rechnung unten.

main.js

// A café bill, printed line by line.
console.log("Order for table", 4);
console.log("coffee", 2 * 3.2);
console.log("cake", 4.5);
console.log("items:", ["coffee", "coffee", "cake"]);
console.log("total:", 2 * 3.2 + 4.5, "EUR");
console.error("(printer: paper low)");
console.log("Thank you!");

Ausführen mit

node main.js

Ausgabe

Order for table 4
coffee 6.4
cake 4.5
items: [ 'coffee', 'coffee', 'cake' ]
total: 10.9 EUR
Thank you!
  • Jeder console.log-Aufruf gibt eine Zeile aus, in der Reihenfolge des Codes.
  • 2 * 3.2 + 4.5 wird zuerst berechnet: Punkt- vor Strichrechnung, wie in der Mathematik.
  • Eine Liste von Texten erscheint mit einfachen Anführungszeichen um jeden Eintrag, damit man sieht, wo jeder beginnt und endet.
  • console.error schreibt auf stderr: Das Terminal zeigt es an, aber es gehört nicht zur normalen Ausgabe des Programms.
Ändern und ausführen

Tab rückt ein, Umschalt+Tab rückt aus. Um den Editor mit der Tastatur zu verlassen, drücken Sie Esc und dann Tab.

Beim ersten Ausführen lädt Ihr Browser den JavaScript-Runner herunter (bis zu 0.1 MB) und speichert ihn im Cache. Ihr Code läuft in der eigenen Engine Ihres Browsers und bleibt auf Ihrem Gerät.

Übungen

Übung 1 von 2

Ihr erster Kassenzettel

Geben Sie einen Kassenzettel mit drei Zeilen aus: Coffee 3.5, dann Cake 4.25, dann Total 7.75. Übergeben Sie Beschriftung und Preis jeweils als zwei Werte an console.log, und lassen Sie JavaScript die Summe mit + ausrechnen, statt 7.75 einzutippen.

Tab rückt ein, Umschalt+Tab rückt aus. Um den Editor mit der Tastatur zu verlassen, drücken Sie Esc und dann Tab.

Beim ersten Ausführen lädt Ihr Browser den JavaScript-Runner herunter (bis zu 0.1 MB) und speichert ihn im Cache. Ihr Code läuft in der eigenen Engine Ihres Browsers und bleibt auf Ihrem Gerät.

Hinweise
  1. Hinweis 1

    console.log("Coffee", 3.5) gibt Coffee 3.5 aus: zwei Werte, getrennt durch ein Leerzeichen.

  2. Hinweis 2

    Für die Summe setzen Sie die Rechnung an die Stelle des Werts: console.log("Total", 3.5 + 4.25).

  3. Hinweis 3

    Drei Ausgabezeilen brauchen drei console.log-Aufrufe.

Eine Lösung zeigen

Ein möglicher Lösungsweg. Ihrer kann anders aussehen und trotzdem alle Prüfungen bestehen.

console.log("Coffee", 3.5);
console.log("Cake", 4.25);
console.log("Total", 3.5 + 4.25);
Auf dem eigenen Computer ausführen

Installieren Sie ECMAScript 2026 oder neuer. Speichern Sie diese Dateien in einem Ordner, öffnen Sie dort ein Terminal und führen Sie die Befehle unten aus.

main.js

// Print three lines:
// Coffee 3.5
// Cake 4.25
// Total 7.75 (worked out with +)

main.test.js

import {test} from 'node:test';
import assert from 'node:assert/strict';
import {runMain} from './learnrun.js';

const lines = async () => (await runMain()).trimEnd().split('\n');

test('gibt drei Zeilen aus', async () => {
  const got = await lines();
  assert.equal(got.length, 3, `das Programm gab ${got.length} Zeile(n) aus, erwartet: 3`);
});

test('gibt Kaffee und Kuchen aus', async () => {
  const got = await lines();
  assert.deepEqual(got.slice(0, 2), ['Coffee 3.5', 'Cake 4.25'], `die ersten beiden Zeilen sind ${JSON.stringify(got.slice(0, 2))}`);
});

test('gibt die Summe aus', async () => {
  const got = await lines();
  assert.equal(got[2], 'Total 7.75', `die dritte Zeile ist ${JSON.stringify(got[2])}, erwartet: "Total 7.75"`);
});

package.json

{
  "type": "module"
}

package.json sagt Node.js, dass die .js-Dateien Module sind; lassen Sie die Datei im Ordner.

Programm ausführen:

node main.js

Prüfungen ausführen (learnrun.js muss im selben Ordner liegen):

node --test
learnrun.js herunterladen

Übung 2 von 2

Die kaputte Liste reparieren

Dieses Programm soll eine Einkaufsliste ausgeben, stoppt aber mit einem Fehler. Führen Sie es aus, lesen Sie den Fehler, korrigieren Sie die Zeile und führen Sie es erneut aus: Es steckt mehr als ein Fehler darin. Wenn es funktioniert, gibt es vier Zeilen aus, zuletzt fruit in total: 10.

Tab rückt ein, Umschalt+Tab rückt aus. Um den Editor mit der Tastatur zu verlassen, drücken Sie Esc und dann Tab.

Beim ersten Ausführen lädt Ihr Browser den JavaScript-Runner herunter (bis zu 0.1 MB) und speichert ihn im Cache. Ihr Code läuft in der eigenen Engine Ihres Browsers und bleibt auf Ihrem Gerät.

Hinweise
  1. Hinweis 1

    Beginnen Sie mit der ersten Fehlermeldung: Ihre erste Zeile nennt die Art des Fehlers, Datei und Zeilennummer zeigen den Ort.

  2. Hinweis 2

    JavaScript unterscheidet Groß- und Kleinschreibung: console und Console sind zwei verschiedene Namen.

  3. Hinweis 3

    Werte für console.log werden durch Kommas getrennt.

Eine Lösung zeigen

Ein möglicher Lösungsweg. Ihrer kann anders aussehen und trotzdem alle Prüfungen bestehen.

console.log("Shopping list");
console.log("apples", 6);
console.log("pears", 4);
console.log("fruit in total:", 6 + 4);
Auf dem eigenen Computer ausführen

Installieren Sie ECMAScript 2026 oder neuer. Speichern Sie diese Dateien in einem Ordner, öffnen Sie dort ein Terminal und führen Sie die Befehle unten aus.

main.js

console.log("Shopping list");
console.log("apples", 6);
Console.log("pears", 4);
console.log("fruit in total:" 6 + 4);

main.test.js

import {test} from 'node:test';
import assert from 'node:assert/strict';
import {runMain} from './learnrun.js';

test('läuft ohne Fehler', async () => {
  await runMain();
});

test('gibt die ganze Liste aus', async () => {
  const got = (await runMain()).trimEnd().split('\n');
  assert.deepEqual(got, ['Shopping list', 'apples 6', 'pears 4', 'fruit in total: 10'], `das Programm gab ${JSON.stringify(got)} aus`);
});

package.json

{
  "type": "module"
}

package.json sagt Node.js, dass die .js-Dateien Module sind; lassen Sie die Datei im Ordner.

Programm ausführen:

node main.js

Prüfungen ausführen (learnrun.js muss im selben Ordner liegen):

node --test
learnrun.js herunterladen

Häufige Fehler

Ein Tippfehler in einem Namen

console.log("one");
consol.log("two");
console.log("three");

Was Node.js ausgibt

ReferenceError: consol is not defined

Warum, und die Lösung

JavaScript rät nicht, was gemeint war: consol ist ein unbekannter Name, also stoppt Zeile 2 das Programm. one wird vorher ausgegeben, three nie. Lesen Sie den Namen in der Meldung, suchen Sie ihn in der genannten Zeile und korrigieren Sie die Schreibweise.

Ein Großbuchstabe, wo keiner hingehört

Console.log("hi");

Was Node.js ausgibt

ReferenceError: Console is not defined

Warum, und die Lösung

Namen in JavaScript unterscheiden Groß- und Kleinschreibung: console, Console und CONSOLE sind drei verschiedene Namen, und nur console gibt es. Schreiben Sie es klein.

Ein fehlendes Komma zwischen Werten

console.log("total:" 5);

Was Node.js ausgibt

SyntaxError: missing ) after argument list

Warum, und die Lösung

Werte für console.log brauchen Kommas dazwischen. Ohne Komma kann JavaScript die Zeile nicht lesen, und die Meldung nennt die ), die es erwartet hat. Weil die Datei nicht gelesen werden kann, laufen nicht einmal die Zeilen darüber. Schreiben Sie console.log("total:", 5).

JavaScript im Browser: die eigene Engine Ihres Browsers in einem abgeschotteten Worker. Syntaxfehler findet acorn 8.18.0, MIT. Lizenz und Quellcode

Abschlussquiz

5 Fragen, ohne Hinweise. Ab 80 % ist die Lektion abgeschlossen.

Erledigen Sie zuerst alle Aufgaben oben, um das Abschlussquiz freizuschalten.

Problem melden

Etwas ist falsch oder unklar? Beschreiben Sie es kurz, dann wird es geprüft und korrigiert.

#

Mindestens 20 Zeichen.

Nur, wenn Sie eine Antwort wünschen.

Kernideen

Eine Sprache, zwei Orte zum Ausführen

JavaScript läuft in jedem Browser und, mit Node.js, auf Ihrem eigenen Rechner. Öffnen Sie im Browser die Entwicklerwerkzeuge und darin den Tab „Konsole“: Tippen Sie 2 + 3, drücken Sie Enter, und das Ergebnis erscheint. Ein ganzes Programm speichern Sie als main.js und starten es im Terminal mit node main.js. Der Editor auf dieser Seite führt Ihre Datei so aus wie node main.js. Die Sprache ist überall dieselbe; anders ist nur die Umgebung. Eine Webseite hat ein Dokument, das man ändern kann, Node.js hat Dateien und ein Terminal, und beide haben console.

console.log gibt Werte aus, der Reihe nach

console.log("Total", 3.5 + 4.25) berechnet jeden Wert und gibt alle in einer Zeile aus, getrennt durch Leerzeichen: Total 7.75. Text erscheint ohne seine Anführungszeichen, Zahlen als Zahlen und eine Liste mit eckigen Klammern und Leerzeichen, als [ 1, 2, 3 ]. Jeder Aufruf beginnt eine neue Zeile. console.error gibt genauso aus, aber auf einen zweiten Kanal, stderr. Das Terminal zeigt ihn ebenfalls an, Werkzeuge halten ihn aber von der normalen Ausgabe getrennt.

Von oben nach unten, bis ein Fehler stoppt

Ein Programm läuft von der ersten bis zur letzten Zeile. Schlägt eine Zeile fehl, hält JavaScript dort an und meldet einen Fehler mit Art, Text und Ort: ReferenceError: consol is not defined, darüber Datei und Zeile, etwa main.js:2. Zeilen davor sind schon gelaufen, Zeilen danach laufen nie. Ein SyntaxError ist anders: Die Datei kann gar nicht erst gelesen werden, also läuft keine einzige Zeile. Lesen Sie die Art, dann den Text, dann die Zeilennummer, und schauen Sie zuerst dort nach.

Quellen

Zuletzt geprüft am 30. September 2026