JavaScriptда DOM билан ишлашнинг асослари

Олдинги дарсларда биз JavaScript тилининг асосий имкониятларини ўргандик. Ущбу дарсдан бошлаб биз JavaScript чиндан нема учун яратилган бўлса, шу билан шўғулланамиз - биз HTML саҳифа элементларини ўзгартирамиз ва фойдаланувчи ҳаракатларига жавоб берамиз. Бизнинг скриптларимиз кўркамроқ ва фойдалирок бўлади.

Барча кейинги дарсларда сизнинг JavaScript кодингиз HTML кодидан пастда жойлаштирилиши керак, у ўзи мурожаат қилади. Яъни сизнинг кодингизнинг тузилиши қуйидагича бўлиши керак:

<!DOCTYPE html>
<html>
	<head>
		
	</head>
	<body>
		сизнинг html тегларингиз
		
		<script>
			сизнинг JavaScript кодингиз
		</script>
	</body>
</html>

Ёки қуйидагича, агар сиз JavaScript кодингизни алаҳида файлда ёзсангиз:

<!DOCTYPE html>
<html>
	<head>
		
	</head>
	<body>
		сизнинг html тегларингиз
		
		<script src="index.js"></script>
	</body>
</html>

Кейинчалик қисқалик учун мен тўлиқ кодни келтирмайман, балки HTML қисмида нема ёзиш кераклигини, ва JavaScript қисмида нема ёзиш кераклигини кўрсатиб ўтаман.

Кўрсатилган код тузилишига эга бўлган файл яратинг.