DOM менен JavaScript'те код жазуу боюнча кеңештер

Сиздин алдыңызда жетишерлик татаал милдет турат деп коёлу, аны ишке ашыруу үчүн бир катар код саптарын жазгыңыз келет.

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

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

Келгиле, практикада көрөлү. Сизде төмөнкүдөй абзацтар бар деп коёлу:

<p>1</p>
<p>2</p>
<p>3</p>
<p>4</p>
<p>5</p>
<p>6</p>

Сиздин милдетиңиз 3 санына бөлүнгөн сандары бар абзацтарды таап, жана алардын сандарынын суммасын табуу деп коёлу.

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

let elems = document.querySelectorAll('p');
console.log(elems);

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

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

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

Эми циклде биздин абзацтардын тексттерин чыгаралы:

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

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

Эми сандары 3кө бөлүнгөн абзацтардын тексттерин чыгаралы:

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

for (let elem of elems) {
	let text = +elem.textContent;
	
	if (text % 3 === 0) {
		console.log(text);
	}
}

Биз туура абзацтарды алганыбызга ишенгенден кийин, алардын сандарын кошууга өтсө болот:

let elems = document.querySelectorAll('p');
let sum = 0;

for (let elem of elems) {
	let text = +elem.textContent;
	
	if (text % 3 === 0) {
		sum += text;
	}
}

console.log(sum);

Жылдардын тизмеси берилген:

<ul>
	<li>2000</li>
	<li>2004</li>
	<li>2021</li>
	<li>2022</li>
	<li>2025</li>
	<li>2031</li>
</ul>

Сандарынын суммасы 6га барабар болгон жылдарды алыңыз. Алынган жылдардын суммасын табыңыз.