Elementlərin mətni ilə işləmək JavaScript-də

DOM elementlərinin textContent xüsusiyyəti var, bu da bu elementlərin mətnini oxumağa imkan verir. Gəlin bir nümunəyə baxaq. Tutaq ki, bizdə aşağıdakı teq var:

html<p id="elem">mətn</p>

Gəlin bu teqə istinadı dəyişənə əldə edək:

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

Gəlin teqin mətnini oxuyaq:

javascriptconsole.log(elem.textContent);

Gəlin teqin mətnini dəyişək:

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

Bir abzas və bir düymə verilmişdir. Düyməyə klikləməklə abzasın mətnini oxuyun və onu konsola çıxarın.

Задание 2

Bir abzas və bir düymə verilmişdir. Düyməyə klikləməklə abzasa yeni mətn yazın.

Задание 3

Mətni olaraq bəzi ədədlər olan iki abzas və bir düymə verilmişdir. Düyməni basdıqda saxlanılan ədədlərin cəmini ekranda çıxarın.

Задание 4

Ədədləri olan üç abzas, bir div və bir düymə verilmişdir. Düyməni basdıqda ədədlərin cəmini div-in mətninə yazın.

Задание 5

Ədədi olan bir abzas və bir düymə verilmişdir. Düyməni basdıqda abzasın dəyərinə bir əlavə edin və alınan ədədi geri yazın.

Задание 6

Mətni olan bir abzas və bir düymə verilmişdir. Düyməni basdıqda abzasın mətininin sonuna nida işarəsi əlavə edin.