Савети за писање кода на примеру 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. Пронађите збир добијених година.