Textausgabe in ein Dokument mit JavaScript

Mit JavaScript kann man HTML-Tags einer Seite steuern, zum Beispiel Text in sie ausgeben. Das werden wir später lernen, wenn wir den Abschnitt über die Arbeit mit dem DOM durchnehmen.

Manchmal ist es jedoch zu Debugging-Zwecken erforderlich, einen Text in das Browserfenster auszugeben. Dies geschieht mit dem Befehl document.write. Sehen wir uns seine Funktionsweise an Beispielen an.

Geben wir einen numerischen Wert aus:

document.write(123);

Geben wir einen Text aus:

document.write('text');

Geben wir einen Text aus, der in Tags eingeschlossen ist:

document.write('<b>text</b>');

Geben wir einen Text aus einer Variable aus:

let str = 'text';
document.write(str);

Schließen wir den Text aus der Variable in Tags ein:

let str = 'text';
document.write('<b>' + str + '</b>');

Geben wir einen Text mit zwei Zeilen aus:

document.write('text <br> text');

Geben wir mehrere Texte spaltenweise aus:

document.write('text1<br>');
document.write('text2<br>');
document.write('text3<br>');

Man kann es auch so machen:

document.write('text');
document.write('<br>');
document.write('text');

Geben Sie einen beliebigen Text im Browserfenster aus.

Geben Sie einen beliebigen Text im Browserfenster aus und machen Sie ihn kursiv.

Gegeben ist eine Variable:

let str = 'text';

Geben Sie den Text aus der Variable im Browserfenster so aus, dass er kursiv ist.

Geben Sie die Zahlen von 1 bis 5 spaltenweise im Browserfenster aus.