Wyświetlanie tekstu w dokumencie w JavaScript

Za pomocą JavaScript można zarządzać tagami HTML strony, na przykład wyświetlać w nich tekst. Nauczymy się tego później, gdy będziemy przerabiać dział poświęcony pracy z DOM.

Czasami jednak, w celach debugowania, wymagane jest wyświetlenie jakiegoś tekstu w oknie przeglądarki. Robimy to za pomocą polecenia document.write. Przyjrzyjmy się jego działaniu na przykładach.

Wyświetlmy wartość liczbową:

document.write(123);

Wyświetlmy jakiś tekst:

document.write('text');

Wyświetlmy tekst ujęty w tagi:

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

Wyświetlmy tekst ze zmiennej:

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

Umieśćmy tekst ze zmiennej w tagach:

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

Wyświetlmy tekst w dwóch wierszach:

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

Wyświetlmy wiele tekstów w kolumnie:

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

Można też tak:

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

Wyświetl w oknie przeglądarki jakiś tekst.

Wyświetl w oknie przeglądarki jakiś tekst, robiąc go kursywą.

Dana jest zmienna:

let str = 'text';

Wyświetl tekst ze zmiennej w oknie przeglądarki tak, aby był kursywą.

Wyświetl w oknie przeglądarki kolumnę liczb od 1 do 5.