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-ға тең жылдарды алыңыз. Алынған жылдардың қосындысын табыңыз.