EMZETT.
Login

Emzett Wiki

JavaScript: Das erste Programm

Properties1
tagsprogrammiersprachen, javascript

2 Min. Lesezeit

Kurz: Dein erstes JavaScript-Programm gibt Text aus. Dafür gibt es console.log(). Du kannst den Code unten direkt ausführen: Klick auf Ausführen.

Teil des Kurses JavaScript

Kapitel 2 von 40 im Kurs JavaScript. Mit Fortschritt, Quiz und Zertifikat auf der Lernseite.

Dein erstes JavaScript-Programm gibt Text aus. Dafür gibt es console.log(). Du kannst den Code unten direkt ausführen: Klick auf Ausführen.

hallo.js

console.log("Hallo, Welt!");
console.log("Ich lerne JavaScript.");

Ausgabe:

Hallo, Welt!
Ich lerne JavaScript.

Wie führst du JavaScript aus?

Im Browser: Öffne mit F12 die Entwicklerwerkzeuge und wechsle zum Reiter Konsole. Dort tippst du JavaScript ein und drückst Enter.

In einer HTML-Datei: Mit dem <script>-Tag:

seite.html

<h1 id="titel">Hallo</h1>
<script>
  document.getElementById("titel").textContent = "Hallo von JavaScript!";
</script>

Mit Node.js: Speichere den Code als hallo.js und starte im Terminal node hallo.js.

Anweisungen und Semikolons

Ein Programm besteht aus Anweisungen, die von oben nach unten laufen. Sie enden meist mit einem Semikolon ;. Es ist oft optional, aber viele Teams schreiben es immer. Wichtig ist, in einem Projekt konsequent zu sein.

console.log("Erste Zeile");
console.log("Zweite Zeile");
console.log(2 + 3);
console.log("2 + 3 =", 2 + 3);

Ausgabe:

Erste Zeile
Zweite Zeile
5
2 + 3 = 5

console.log darf mehrere Werte bekommen; sie werden durch ein Leerzeichen getrennt ausgegeben.

Kommentare

// Das ist ein Kommentar in einer Zeile
console.log("sichtbar"); // auch hinter Code möglich
 
/* Dieser Kommentar
   geht über mehrere Zeilen */
console.log("fertig");

Ausgabe:

sichtbar
fertig

Groß- und Kleinschreibung

JavaScript unterscheidet Groß- und Kleinbuchstaben: console.log funktioniert, Console.Log nicht. Auch Text in Anführungszeichen kannst du mit "...", '...' oder Backticks `...` schreiben.

Weitere Ausgaben

FunktionWirkung
console.log(x)normale Ausgabe
console.error(x)Fehlermeldung (rot im Browser)
console.table(daten)Tabelle
alert("Text")Meldungsfenster (nur im Browser)
prompt("Frage")Eingabefenster (nur im Browser)

Typische Fehler

  • Anführungszeichen vergessen zu schließen: console.log("Hallo)
  • console.Log statt console.log
  • Klammern nicht schließen

Merke

  • console.log() gibt Werte in der Konsole aus
  • Anweisungen laufen von oben nach unten und enden meist mit ;
  • Kommentare: // für eine Zeile, /* ... */ für mehrere
  • JavaScript unterscheidet Groß- und Kleinschreibung

Übungsaufgabe

Gib mit drei console.log-Aufrufen deinen Namen, dein Alter und deine Lieblingsfarbe aus.

Quiz zur Selbstkontrolle

Weiter im Kurs

Zurück: Was ist JavaScript?

Weiter: Variablen: let, const und var

Alle Kapitel: JavaScript im Überblick

Graphansicht

Backlinks