JavaScriptda DOM bilan ishlash asoslari

Oldingi darslarda biz JavaScript tilining asosiy imkoniyatlarini o‘rgandik. Ushbu darsdan boshlab biz JavaScript aslida nima uchun yaratilgan bo‘lsa, shu bilan shug‘ullanamiz - biz HTML sahifa elementlarini o‘zgartiramiz va foydalanuvchi harakatlariga javob beramiz. Bizning skriptlarimiz ko‘proq ko‘rkam va foydali bo‘lib boradi.

Keyingi barcha darslarda sizning JavaScript kodingiz HTML kodining ostida joylashgan bo‘lishi kerak, unga murojaat qiladi. Ya'ni sizning kodingizning tuzilishi quyidagicha ko‘rinishga ega bo‘lishi kerak:

<!DOCTYPE html>
<html>
	<head>
		
	</head>
	<body>
		sizning html teglaringiz
		
		<script>
			sizning JavaScript kodingiz
		</script>
	</body>
</html>

Yoki agar siz JavaScript kodini alohida faylda yozayotgan bo‘lsangiz, quyidagicha:

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

Keyingi o‘rinlarda qisqalik uchun men to‘liq kodni keltirmayman, va shunchaki ko‘rsatib o‘taman, HTML qismida nima yozish kerak, va nima - JavaScript qismida.

Ko‘rsatilgan kod tuzilmasi bilan fayl yarating.