Основи на работа с DOM в JavaScript

В предишните уроци изучавахме основните възможности на езика 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 частта.

Направете файл с посочената структура на кода.