Teksti kuvamine dokumendis JavaScriptis

JavaScripti abil saab hallata HTML lehe elemente, näiteks kuvada neis teksti. Seda me hakkame õppima hiljem, kui jõuame DOM-iga töötamise osani.

Vahel on aga silumise eesmärgil vaja kuvada mingit teksti brauseri aknas. Seda tehakse käsuga document.write. Vaatame selle töötamist näidete varal.

Kuvame numbri väärtuse:

document.write(123);

Kuvame mingi suvalise teksti:

document.write('text');

Kuvame siltidesse pandud teksti:

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

Kuvame teksti muutujast:

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

Paneme muutujast pärit teksti siltidesse:

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

Kuvame teksti kahes reas:

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

Kuvame palju tekste veeruna:

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

Võib ka nii:

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

Kuva brauseri aknas mingi suvaline tekst.

Kuva brauseri aknas mingi suvaline tekst, muutes selle kaldkirjaks.

Antud muutuja:

let str = 'text';

Kuva muutujas olev tekst brauseri aknas nii, et see on kaldkirjas.

Kuva brauseri aknas numbrite veerg alates 1 kuni 5.