JavaScript'те элементтер тобун алуу

Алдыңкы сабактарда биз querySelector методу менен беттин бир элементин гана ала алабыз. Эми көп элементтер менен бир эле учурда амалдарды аткара алуу үчүн элементтер тобун алууну үйрөнүүчү убакыт келди.

Бул үчүн querySelectorAll методу бар, ал бардык CSS селекторуна дал келген тегдерди элементтер массиви түрүндө алат. Табылган элементтер менен бир нерсе жасоо үчүн, алынган массив менен иштөө керек, мисалы, аны цикл менен айланып өтүп, цикл ичинде ар бир элемент менен өзүнчө каалаган амалды аткаруу керек.

Мисалы, бизде www классы бар абзацтар бар деп коёлу:

<p class="www">text1</p>
<p class="www">text2</p>
<p class="www">text3</p>

Келгиле, бул абзацтардын массивин алалы, аны цикл менен айланып өтөлү жана цикл ичинде табылган абзацтардын тексттерин консольго чыгаралы:

let elems = document.querySelectorAll('.www');

for (let elem of elems) {
	console.log(elem.textContent);
}

Эми ар бир абзацтын текстинин аягына үндөү белги кошолу:

let elems = document.querySelectorAll('.www');

for (let elem of elems) {
	elem.textContent = elem.textContent + '!';
}

Абзацтар жана баскыч берилген. Баскычты басканда, бардык абзацтарды таап, аларды цикл менен айланып өтүңүз жана ар бир абзацтын текстин 'text' маанисине коюңуз.

Текст менен абзацтар жана баскыч берилген. Баскычты басканда, ар бир абзацтын текстинин аягына анын иреттик номерин жазыңыз.

Сандары бар инпуттар, абзац жана баскыч берилген. Баскычты басканда, инпуттардагы сандардын суммасын таап, бул сумманы абзацтын тексине жазыңыз.