Tekst weergeven in document in JavaScript

Met JavaScript kunnen we HTML-tags op de pagina beheren, bijvoorbeeld er tekst in weergeven. Dit leren we later, wanneer we de sectie behandelen die gewijd is aan werken met de DOM.

Soms is het echter voor debugdoeleinden nodig om wat tekst weer te geven in het browservenster. Dit wordt gedaan met het commando document.write. Laten we de werking ervan bekijken aan de hand van voorbeelden.

Laten we een numerieke waarde weergeven:

document.write(123);

Laten we wat tekst weergeven:

document.write('text');

Laten we tekst weergeven, ingesloten in tags:

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

Laten we tekst uit een variabele weergeven:

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

Laten we tekst uit een variabele in tags insluiten:

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

Laten we tekst weergeven over twee regels:

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

Laten we veel tekst in een kolom weergeven:

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

Het kan ook zo:

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

Geef wat tekst weer in het browservenster.

Geef wat tekst weer in het browservenster, en maak het cursief.

Gegeven variabele:

let str = 'text';

Geef de tekst uit de variabele weer in het browservenster, zodanig dat deze cursief is.

Geef een kolom met getallen weer in het browservenster van 1 tot 5.