# 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. ```js console.log("Hallo Welt!"); ``` Wenn du diesen Code ausführst, siehst du in der Konsole: ```text 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. ```js 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: ```js console.log("Heute lernen wir JavaScript."); console.log('Das ist Annas erstes Programm.'); ``` --- ## Zahlen ausgeben Zahlen brauchen keine Anführungszeichen: ```js console.log(42); console.log(3.14); console.log(-7); ``` Die Konsole zeigt: ```text 42 3.14 -7 ``` Der Unterschied ist wichtig: ```js 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: ```js console.log(5 + 3); console.log(10 - 4); console.log(6 * 7); console.log(20 / 5); ``` Die Konsole zeigt: ```text 8 6 42 4 ``` JavaScript berechnet zuerst den Ausdruck und gibt anschließend das Ergebnis aus. ```js console.log(2 + 3 * 4); ``` Das Ergebnis lautet: ```text 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: ```js console.log("Mein erstes JavaScript-Programm"); console.log("Ich übe die Konsole."); console.log(10 + 5); ``` In der Konsole erscheinen dann drei getrennte Zeilen: ```text 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: ```js console.log("Punkte:"); console.log(120); ``` Noch übersichtlicher ist es, Text und Wert gemeinsam auszugeben: ```js console.log("Punkte:", 120); console.log("Temperatur:", 21); ``` Die Konsole zeigt beispielsweise: ```text 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 `//`: ```js // Begrüßung in der Konsole ausgeben console.log("Hallo!"); ``` Du kannst Kommentare auch hinter eine Anweisung schreiben: ```js 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: ```js console.log(Hallo Welt); ``` Richtig ist: ```js console.log("Hallo Welt"); ``` ### Unterschiedliche Anführungszeichen mischen Öffnende und schließende Anführungszeichen müssen zusammenpassen: ```js console.log("Hallo'); ``` Richtig: ```js console.log("Hallo"); ``` Oder: ```js console.log('Hallo'); ``` ### Klammern vergessen `log` muss mit runden Klammern aufgerufen werden: ```js console.log "Hallo"; ``` Richtig: ```js console.log("Hallo"); ``` ### Groß- und Kleinschreibung verwechseln JavaScript unterscheidet Groß- und Kleinbuchstaben. Deshalb funktioniert diese Schreibweise nicht: ```js Console.log("Hallo"); ``` Richtig ist ausschließlich: ```js console.log("Hallo"); ``` --- ## Praktisches Beispiel: Ein kleiner Konsolen-Steckbrief Erstelle mehrere Ausgaben, die einen kurzen Steckbrief darstellen: ```js 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: ```js 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.