JavaScriptでのテキスト要素の操作

DOM要素には、それらの要素のテキストを読み取ることを可能にするtextContentというプロパティがあります。例を見てみましょう。以下のようなタグがあるとします：

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

このタグへの参照を変数に取得します：

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

タグのテキストを読み取ります：

javascriptconsole.log(elem.textContent);

タグのテキストを変更します：

javascriptelem.textContent = '!!!';

Задание 1

段落とボタンが与えられています。ボタンがクリックされたとき、段落のテキストを読み取り、コンソールに出力してください。

Задание 2

段落とボタンが与えられています。ボタンがクリックされたとき、段落に新しいテキストを書き込んでください。

Задание 3

それぞれのテキストとして何らかの数値を持つ2つの段落と、ボタンが与えられています。ボタンが押されたとき、保持している数値の合計を画面に出力してください。

Задание 4

数値を持つ3つの段落、div要素、ボタンが与えられています。ボタンが押されたとき、div要素のテキストに数値の合計を書き込んでください。

Задание 5

数値を持つ段落とボタンが与えられています。ボタンが押されたとき、段落の値に1を加え、得られた数値を再び書き込んでください。

Задание 6

テキストを持つ段落とボタンが与えられています。ボタンが押されたとき、段落のテキストの末尾に感嘆符を追加してください。