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:

html<!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:

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