Grunderna i att arbeta med DOM i JavaScript

I tidigare lektioner har vi studerat JavaScripts grundläggande möjligheter. Från och med denna lektion kommer vi att ägna oss åt det som JavaScript faktiskt är avsett för - vi kommer att ändra HTML-sidans element och reagera på användarens handlingar. Våra skript kommer att bli mer spektakulära och användbara.

I alla följande lektioner ska din JavaScript- kod placeras under HTML-koden som den refererar till. Det vill säga, strukturen på din kod bör se ut så här:

html<!DOCTYPE html>
<html>
  <head>
    
  </head>
  <body>
    dina html-taggar
    
    <script>
      din JavaScript-kod
    </script>
  </body>
</html>

Eller på följande sätt, om du skriver JavaScript-kod i en separat fil:

html<!DOCTYPE html>
<html>
  <head>
    
  </head>
  <body>
    dina html-taggar
    
    <script src="index.js"></script>
  </body>
</html>