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 бөлігінде көрсетемін.

Көрсетілген код құрылымы бар файлды жасаңыз.