Rad sa tekstom elemenata u JavaScriptu

DOM elementi imaju svojstvo textContent, koje omogućava čitanje teksta tih elemenata. Pogledajmo na primeru. Neka imamo sledeći tag:

html<p id="elem">text</p>

Dobijamo referencu na ovaj tag u promenljivu:

javascriptlet elem = document.querySelector('#elem');

Pročitajmo tekst taga:

javascriptconsole.log(elem.textContent);

Promenimo tekst taga:

javascriptelem.textContent = '!!!';
Задание 1

Dat je paragraf i dugme. Klikom na dugme pročitajte tekst paragrafa i ispišite ga u konzolu.

Задание 2

Dat je paragraf i dugme. Klikom na dugme upišite u paragraf novi tekst.

Задание 3

Data su dva paragrafa, koji u svom tekstu sadrže neke brojeve, i dugme. Pritiskom na dugme prikažite na ekranu zbir tih brojeva.

Задание 4

Data su tri paragrafa sa brojevima, div, i dugme. Pritiskom na dugme upišite u tekst div-a zbir brojeva.

Задание 5

Dat je paragraf sa brojem i dugme. Pritiskom na dugme dodajte jedinicu na vrednost paragrafa i upišite dobijeni broj nazad.

Задание 6

Dat je paragraf sa tekstom i dugme. Pritiskom na dugme upišite na kraj teksta paragrafa uzvičnik.