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 մասում։

Ստեղծեք ֆայլ նշված կոդի կառուցվածքով։