JavaScript-də DOM ilə işin əsasları

Əvvəlki dərslərdə biz JavaScript dilinin əsas imkanlarını öyrənirdik. Bu dərsdən başlayaraq, JavaScript-in əslində nə üçün nəzərdə tutulduğu ilə məşğul olacağıq - biz HTML səhifəsinin elementlərini dəyişdirəcək və istifadəçinin hərəkətlərinə reaksiya verəcəyik. Bizim skriptlərimiz daha təəccüblü və faydalı olacaq.

Aşağıdakı bütün dərslərdə sizin JavaScript kodu istinad etdiyi HTML kodundan aşağıda yerləşdirilməlidir. Yəni sizin kodunuzun quruluşu aşağıdakı kimi görünməlidir:

<!DOCTYPE html>
<html>
	<head>
		
	</head>
	<body>
		sizin html teqləriniz
		
		<script>
			sizin JavaScript kodu
		</script>
	</body>
</html>

Ya da ayrı bir faylda JavaScript kodu yazırsınızsa, aşağıdakı kimi:

<!DOCTYPE html>
<html>
	<head>
		
	</head>
	<body>
		sizin html teqləriniz
		
		<script src="index.js"></script>
	</body>
</html>

Bundan sonra qısalıq üçün mən tam kodu göstərməyəcəyəm, sadəcə göstərəcəyəm ki, HTML hissəsində nə, JavaScript hissəsində isə nə yazmaq lazımdır.

Göstərilən kod quruluşu olan bir fayl hazırlayın.