Праца з тэкстам элементаў на JavaScript

У DOM элементаў ёсць уласцівасць textContent, якая дазваляе чытаць тэкст гэтых элементаў. Давайце паглядзім на прыкладзе. Хай у нас ёсць наступны тэг:

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

Атрымаем спасылку на гэты тэг у зменную:

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

Прачытаем тэкст тэга:

console.log(elem.textContent);

Зменім тэкст тэга:

elem.textContent = '!!!';

Дадзены абзац і кнопка. Пасля кліку на кнопку прачытайце тэкст абзаца і вывядзіце яго ў кансоль.

Дадзены абзац і кнопка. Пасля кліку на кнопку запішыце ў абзац новы тэкст.

Дадзены два абзацы, якія змяшчаюць сваім тэкстам нейкія лікі, і кнопка. Пасля націску на кнопку вывядзіце на экран суму лікаў, якія захоўваюцца.

Дадзены тры абзацы з лікамі, звычайны блок, і кнопка. Пасля націску на кнопку запішыце ў тэкст блока суму лікаў.

Дадзены абзац з лікам і кнопка. Пасля націску на кнопку дадайце да значэння абзаца адзінку і запішыце атрыманы лік назад.

Дадзены абзац з тэкстам і кнопка. Пасля націску на кнопку запішыце ў канец тэксту абзаца клічнік.