Skip to main content

Erste Ausgabe mit `console.log()`

Deine erste JavaScript-Ausgabe

Mit console.log() kannst du Werte und Texte in der Browser-Konsole anzeigen. Das ist besonders hilfreich, um JavaScript auszuprobieren, Zwischenergebnisse zu prüfen und Fehler zu finden.

Die Ausgabe erscheint nicht auf der Webseite selbst, sondern nur in den Entwicklerwerkzeugen des Browsers.

console.log("Hallo Welt!");

Wenn du diesen Code ausführst, siehst du in der Konsole:

Hallo Welt!

💡 console steht für die Browser-Konsole. log() ist eine Funktion, die etwas dort hineinschreibt.

Texte ausgeben

Texte werden in JavaScript als Strings bezeichnet. Ein String steht zwischen Anführungszeichen.

console.log("Willkommen bei JavaScript!");
console.log('Auch einfache Anführungszeichen funktionieren.');

Beide Varianten sind gültig. Verwende am besten innerhalb eines Projekts möglichst einheitlich entweder doppelte oder einfache Anführungszeichen.

Bei einem Satz mit einem Apostroph kann es sinnvoll sein, die andere Art von Anführungszeichen zu verwenden:

console.log("Heute lernen wir JavaScript.");
console.log('Das ist Annas erstes Programm.');

Zahlen ausgeben

Zahlen brauchen keine Anführungszeichen:

console.log(42);
console.log(3.14);
console.log(-7);

Die Konsole zeigt:

42
3.14
-7

Der Unterschied ist wichtig:

console.log(25);
console.log("25");

Die erste Ausgabe ist eine Zahl, die zweite Ausgabe ist ein Text. In der Konsole sehen beide zunächst ähnlich aus, aber JavaScript behandelt sie unterschiedlich.

Rechenaufgaben direkt prüfen

console.log() kann nicht nur feste Werte ausgeben. Du kannst damit auch Berechnungen überprüfen:

console.log(5 + 3);
console.log(10 - 4);
console.log(6 * 7);
console.log(20 / 5);

Die Konsole zeigt:

8
6
42
4

JavaScript berechnet zuerst den Ausdruck und gibt anschließend das Ergebnis aus.

console.log(2 + 3 * 4);

Das Ergebnis lautet:

14

Wie in der Mathematik wird die Multiplikation vor der Addition ausgeführt.

Mehrere Ausgaben schreiben

Du kannst console.log() beliebig oft verwenden. Jede Anweisung steht üblicherweise in einer eigenen Zeile:

console.log("Mein erstes JavaScript-Programm");
console.log("Ich übe die Konsole.");
console.log(10 + 5);

In der Konsole erscheinen dann drei getrennte Zeilen:

Mein erstes JavaScript-Programm
Ich übe die Konsole.
15

Das Semikolon am Ende ist in vielen Fällen nicht zwingend erforderlich. Für den Einstieg ist es aber eine gute Gewohnheit, jede JavaScript-Anweisung mit einem Semikolon abzuschließen.

Werte beschreiben

Bei mehreren Ausgaben ist es manchmal nicht sofort klar, was eine Zahl bedeutet. Schreibe deshalb eine erklärende Ausgabe dazu:

console.log("Punkte:");
console.log(120);

Noch übersichtlicher ist es, Text und Wert gemeinsam auszugeben:

console.log("Punkte:", 120);
console.log("Temperatur:", 21);

Die Konsole zeigt beispielsweise:

Punkte: 120
Temperatur: 21

Zwischen den Argumenten von console.log() steht ein Komma. So kannst du mehrere Werte in einer Ausgabe prüfen.

Kommentare für Menschen

Kommentare helfen dir und anderen Menschen, den Code zu verstehen. JavaScript ignoriert Kommentare beim Ausführen.

Ein einzeiliger Kommentar beginnt mit //:

// Begrüßung in der Konsole ausgeben
console.log("Hallo!");

Du kannst Kommentare auch hinter eine Anweisung schreiben:

console.log(18 + 4); // Ergebnis einer kleinen Rechnung

Nutze Kommentare vor allem dann, wenn ein Codeabschnitt nicht sofort verständlich ist. Sehr einfache Zeilen wie console.log("Hallo"); brauchen meist keinen Kommentar.

Häufige Fehler

Anführungszeichen vergessen

Ein Text ohne Anführungszeichen führt zu einem Fehler:

console.log(Hallo Welt);

Richtig ist:

console.log("Hallo Welt");

Unterschiedliche Anführungszeichen mischen

Öffnende und schließende Anführungszeichen müssen zusammenpassen:

console.log("Hallo');

Richtig:

console.log("Hallo");

Oder:

console.log('Hallo');

Klammern vergessen

log muss mit runden Klammern aufgerufen werden:

console.log "Hallo";

Richtig:

console.log("Hallo");

Groß- und Kleinschreibung verwechseln

JavaScript unterscheidet Groß- und Kleinbuchstaben. Deshalb funktioniert diese Schreibweise nicht:

Console.log("Hallo");

Richtig ist ausschließlich:

console.log("Hallo");

Praktisches Beispiel: Ein kleiner Konsolen-Steckbrief

Erstelle mehrere Ausgaben, die einen kurzen Steckbrief darstellen:

console.log("Name: Mia");
console.log("Alter: 16");
console.log("Lieblingsfach: Informatik");
console.log("Lieblingszahl:", 7);

Du kannst die Angaben natürlich durch deine eigenen ersetzen.

✅ Öffne nach dem Speichern die Browser-Konsole und aktualisiere die Seite. Erst dann wird dein JavaScript-Code erneut ausgeführt.

Übung

Schreibe ein JavaScript-Programm mit mindestens vier console.log()-Ausgaben:

  1. Gib eine Begrüßung aus.
  2. Gib deinen Vornamen aus.
  3. Lass JavaScript eine Rechnung lösen, zum Beispiel 12 * 8.
  4. Gib einen Text und eine Zahl gemeinsam aus, zum Beispiel deine Lieblingszahl.

Eine mögliche Lösung:

console.log("Hallo, Konsole!");
console.log("Mein Name ist Alex.");
console.log(12 * 8);
console.log("Meine Lieblingszahl ist:", 9);

Das Wichtigste auf einen Blick

  • Mit console.log() gibst du Informationen in der Browser-Konsole aus.
  • Texte stehen in Anführungszeichen, Zahlen nicht.
  • JavaScript kann Berechnungen direkt in console.log() ausführen.
  • Mehrere Werte trennst du mit einem Komma.
  • Achte genau auf Schreibweise, Klammern und Anführungszeichen.

console.log() wird dich während des gesamten JavaScript-Lernens begleiten. Es ist eines der wichtigsten Werkzeuge, um zu verstehen, was dein Programm gerade macht.

Back to top