Kodo rašymo patarimai naudojant DOM JavaScript pavyzdį

Tarkime, kad prieš jus yra pakankamai sudėtinga užduotis, kuriai įgyvendinti reikia parašyti tam tikrą kodo eilučių kiekį.

Neteisingas požiūris būtų bandyti parašyti visą sprendimo kodą iš karto, o tik tada pradėti jį tikrinti. Šiuo atveju yra didelė tikimybė, kad niekas neveiks, o klaidą teks ieškoti dideliame kodo kiekyje.

Teisingas požiūris yra suskaidyti užduotį į mažus elementarius žingsnius, kuriuos įgyvendinsite ir iš karto patikrinsite jų teisingumą. Šiuo atveju, net jei kur nors suklysite, iš karto pastebėsite problemą ir ją išspręsite.

Pabandykime praktiškai. Tarkime, kad turite pastraipas:

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

Tarkime, kad prieš jus yra užduotis rasti pastraipas su skaičiais, kurie yra 3 kartotiniai, ir rasti šių skaičių sumą.

Pirmuoju mažu žingsniu siūlyčiau gauti mūsų pastraipas kaip masyvą ir išvesti šį masyvą į konsolę, kad pamatytume, ar mes viską gavome teisingai. Padarykime tai:

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

Kitu mažu žingsniu reikia pereiti mūsų pastrapas ciklu ir išvesti kiekvieną iš jų į konsolę atskirai:

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

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

O dabar cikle išveskime tekstus mūsų pastrapų:

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

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

Dabar išveskime tekstus tų pastrapų, kurių skaičius dalijasi iš 3:

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

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

Įsitikinę, kad gauname teisingas pastraipas, galime pradėti jų skaičių sumavimą:

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);

Duotas sąrašas su metais:

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

Gaukite metus, kurių skaitmenų suma yra lygi 6. Raskite gautų metų sumą.