Grunnleggende om DOM-arbeid i JavaScript

I de foregående leksjonene studerte vi de grunnleggende mulighetene til JavaScript-språket. Fra og med denne leksjonen skal vi vie oss til det JavaScript egentlig er laget for - vi skal endre HTML-sideelementer og reagere på brukerens handlinger. Scriptene våre vil bli mer spektakulære og nyttige.

I alle de følgende leksjonene må JavaScript-koden din plasseres under HTML-koden den henvender seg til. Det vil si at strukturen på koden din skal se slik ut:

html<!DOCTYPE html>
<html>
  <head>
    
  </head>
  <body>
    dine html-tagger
    
    <script>
      ditt JavaScript-kode
    </script>
  </body>
</html>

Eller på følgende måte, hvis du skriver JavaScript-koden i en separat fil:

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