Асновы работы з 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 частцы.

Зрабіце файл з указанай структурай кода.