JavaScript'te DOM ile Çalışmanın Temelleri

Önceki derslerde JavaScript dilinin temel olanaklarını inceledik. Bu dersten başlayarak JavaScript'in aslında ne için tasarlandığı ile ilgileneceğiz - HTML sayfa elemanlarını değiştireceğiz ve kullanıcı eylemlerine tepki vereceğiz. Betiklerimiz daha etkileyici ve faydalı hale gelecek.

Aşağıdaki tüm derslerde, JavaScript kodunuz, eriştiği HTML kodunun altına yerleştirilmelidir. Yani kodunuzun yapısı aşağıdaki gibi görünmelidir:

<!DOCTYPE html>
<html>
	<head>
		
	</head>
	<body>
		html etiketleriniz
		
		<script>
			JavaScript kodunuz
		</script>
	</body>
</html>

Veya, JavaScript kodunu ayrı bir dosyaya yazıyorsanız aşağıdaki gibi:

<!DOCTYPE html>
<html>
	<head>
		
	</head>
	<body>
		html etiketleriniz
		
		<script src="index.js"></script>
	</body>
</html>

Sonraki kısımlarda, kısalık adına tam kodu vermeyeceğim, sadece HTML kısmına ne yazılacağını ve JavaScript kısmına ne yazılacağını göstereceğim.

Belirtilen kod yapısına sahip bir dosya oluşturun.