Работа со текст на елементите во JavaScript

DOM елементите имаат својство textContent, кое овозможува читање на текстот на овие елементи. Да погледнеме на пример. Нека имаме следниот таг:

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

Да ја добиеме врската кон овој таг во променлива:

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

Да го прочитаме текстот на тагот:

javascriptconsole.log(elem.textContent);

Да го смениме текстот на тагот:

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

Даден е параграф и копче. При клик на копчето прочитајте го текстот на параграфот и испечатете го во конзола.

Задание 2

Даден е параграф и копче. При клик на копчето запишете во параграфот нов текст.

Задание 3

Дадени се два параграфи, кои во својот текст содржат некои броеви, и копче. При притискање на копчето испечатете го на екранот збирот на зачуваните броеви.

Задание 4

Дадени се три параграфи со броеви, div, и копче. При притискање на копчето запишете во текстот на div збирот на броевите.

Задание 5

Даден е параграф со број и копче. При притискање на копчето додадете една единица на вредноста на параграфот и запишете го добиениот број назад.

Задание 6

Даден е параграф со текст и копче. При притискање на копчето запишете на крајот од текстот на параграфот извичник.