HTMLCSSJavaScriptIndexRoadmapImpressum

Output in JavaScript

console.log() (für Entwickler)

Dies ist die häufigste Methode zum Testen von Code.

Die Ausgabe erfolgt über die Konsole im Browser. Die Konsole kannst du mit F12 oder auf Windows mit Strg + Shift + I bzw. auf dem Mac mit Cmd + Option + I öffnen.

console.log()

1console.log("Hallo Welt");

Output

Browser-Konsole mit der Ausgabe von console.log('Hallo Welt')

Ausgabe in ein HTML-Element

Mit textContent kannst du Text in ein HTML-Element schreiben. Der Text wird als normaler Inhalt angezeigt – HTML-Tags werden nicht interpretiert.

textContent

1<p id="demo"></p>
2
3<script>
4    document.getElementById("demo").textContent = "Hallo Welt";
5</script>

Output

Hallo Welt

Ausgabe mit innerHTML

Mit innerHTML kannst du HTML-Code in ein Element einfügen. Der Browser rendert die HTML-Tags dann als echte Elemente auf der Seite.

innerHTML

1<div id="demo"></div>
2
3<script>
4    document.getElementById("demo").innerHTML = "<h2>Hallo Welt</h2><p>Das ist ein Absatz.</p>";
5</script>

Output

Hallo Welt

Das ist ein Absatz.

Mit alert() öffnet sich ein kleines Popup-Fenster im Browser. Das eignet sich gut für einfache Hinweise, kann aber beim Lernen schnell stören, weil die Seite erst nach dem Klick auf „OK“ weiter benutzbar ist.

alert()

1alert("Hallo Welt");

Output

Ein Popup-Fenster mit dem Text „Hallo Welt“ und einem OK-Button.

Empfehlung

Beim Lernen von JavaScript wirst du hauptsächlich diese Methoden verwenden:

  • console.log() → zum Debuggen und Testen von Werten
  • textContent → um Text auf der Webseite auszugeben
  • innerHTML → wenn du HTML-Elemente dynamisch erzeugen möchtest
  • alert() → für einfache Hinweise, aber eher selten im echten Einsatz

Im nächsten Kapitel lernst du: Die Konsole im Browser