Fundamentos de Trabalho com DOM em JavaScript

Nas lições anteriores, estudamos os fundamentos da linguagem JavaScript. A partir desta lição, vamos nos dedicar ao que o JavaScript foi realmente criado para fazer - vamos alterar elementos da página HTML e reagir a ações do usuário. Nossos scripts se tornarão mais espetaculares e úteis.

Em todas as lições seguintes, seu código JavaScript deve ser colocado abaixo do código HTML ao qual ele se refere. Ou seja, a estrutura do seu código deve ser a seguinte:

<!DOCTYPE html>
<html>
	<head>
		
	</head>
	<body>
		suas tags html
		
		<script>
			seu código JavaScript
		</script>
	</body>
</html>

Ou da seguinte forma, se você estiver escrevendo o código JavaScript em um arquivo separado:

<!DOCTYPE html>
<html>
	<head>
		
	</head>
	<body>
		suas tags html
		
		<script src="index.js"></script>
	</body>
</html>

No futuro, para resumir, não vou apresentar o código completo, mas simplesmente indicar o que precisa ser escrito na parte HTML e o que - na parte JavaScript.

Crie um arquivo com a estrutura de código especificada.