JavaScript-de DOM bilen işlemegiň esaslary

Öňki sapaklarda biz JavaScript diliniň esasy mümkinçiliklerini öwrendik. Bu sapakdan başlap biz JavaScript-iň aslynda näme üçin döredilendigine - biz HTML sahypasynyň elementlerini üýtgederis we ulanyjynyň hereketlerine jogap bereris. Bizim skriptlerimiz daha gözeýarar we peýdaly bolar.

Indiki ähli sapaklarda siziň JavaScript kodyňyz HTML kodundan aşakda ýerleşdirilmeli, haýsy kod bilen işlän bolsaňyz. Ýagny kodyňyzyň gurluşy aşakdaky ýaly bolmalydyr:

<!DOCTYPE html>
<html>
	<head>
		
	</head>
	<body>
		siziň html tegleriňiz
		
		<script>
			siziň JavaScript kodyňyz
		</script>
	</body>
</html>

Ýa-da aşakdaky ýaly, eger JavaScript kodyňyzy ýörite faýlda ýazýan bolsaňyz:

<!DOCTYPE html>
<html>
	<head>
		
	</head>
	<body>
		siziň html tegleriňiz
		
		<script src="index.js"></script>
	</body>
</html>

Indiki möwzumlarda gysgaçylyk üçin men doly kody getirmezden, diňe nämeniň HTML bölegine, nämeniň bolsa JavaScript bölegine ýazylmalydygyny görkezerin.

Görkezilen kod gurluşy bilen faýl düzüň.