Элементтер мәтінімен JavaScript-те жұмыс жасау

DOM элементтерінің textContent деген қасиеті бар, бұл элементтердің мәтінін оқуға мүмкіндік береді. Мысалға қарайық. Бізде келесі тег бар делік:

<p id="elem">мәтін</p>

Осы тегке сілтемені айнымалыға алайық:

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

Тегтің мәтінін оқимыз:

console.log(elem.textContent);

Тегтің мәтінін өзгертейік:

elem.textContent = '!!!';

Берілген абзац және батырма. Батырманы басқанда абзацтың мәтінін оқып, оны консольге шығарыңыз.

Берілген абзац және батырма. Батырманы басқанда абзацқа жаңа мәтін жазыңыз.

Сандарды көрсететін мәтіні бар екі абзац және батырма берілген. Батырманы басқанда сандардың қосындысын экранға шығарыңыз.

Сандары бар үш абзац, div және батырма берілген. Батырманы басқанда div-тің мәтініне сандардың қосындысын жазыңыз.

Саны бар абзац және батырма берілген. Батырманы басқанда абзац мәніне бірді қосып, алынған санды қайта жазыңыз.

Мәтіні бар абзац және батырма берілген. Батырманы басқанда абзац мәтінінің соңына леп сұрау белгісін қойыңыз.