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 бөлүгүндө жазуу керек экенин көрсөтөм.

Көрсөтүлгөн код түзүлүшү бар файлды жасаңыз.