DOM-თან მუშაობის საფუძვლები JavaScript-ში

წინა გაკვეთილებში ჩვენ ვსწავლობდით JavaScript-ის ძირითად შესაძლებლობებს. ამ გაკვეთილიდან დაწყებული ჩვენ დავიწყებთ იმით, რისთვისაც სინამდვილეში JavaScript და შექმნილია - ჩვენ ვიცვლით HTML გვერდის ელემენტებს და ვრეაგირებთ მომხმარებლის მოქმედებებზე. ჩვენი სკრიპტები გახდება უფრო თვალსაჩინო და სასარგებლო.

ყველა მომდევნო გაკვეთილში თქვენი JavaScript კოდი უნდა განთავსდეს HTML კოდის ქვემოთ, რომელსაც იგი ეწვევა. ანუ თქვენი კოდის სტრუქტურა უნდა გამოიყურებოდეს შემდეგნაირად:

<!DOCTYPE html>
<html>
	<head>
		
	</head>
	<body>
		თქვენი html თეგები
		
		<script>
			თქვენი JavaScript კოდი
		</script>
	</body>
</html>

ანba შემდეგნაირად, თუ თქვენ წერთ JavaScript კოდს ცალკე ფაილში:

<!DOCTYPE html>
<html>
	<head>
		
	</head>
	<body>
		თქვენი html თეგები
		
		<script src="index.js"></script>
	</body>
</html>

შემდგომში, მოკლეობისთვის, მე აღარ მოვიყვან სრულ კოდს, და უბრალოდ მივუთითებ, რა უნდა დაიწეროს HTML ნაწილში, და რა - JavaScript ნაწილში.

შექმენით ფაილი მითითებული კოდის სტრუქტურით.