Grundlæggende DOM-arbejde i JavaScript

I de foregående lektioner studerede vi JavaScripts basale muligheder. Fra og med denne lektion vil vi beskæftige os med det, som JavaScript egentlig er designet til - vi vil ændre HTML-sidens elementer og reagere på brugerens handlinger. Vores scripts bliver mere spektakulære og nyttige.

I alle de følgende lektioner skal din JavaScript- kode placeres under den HTML-kode, som den henvender sig til. Det vil sige, at strukturen af din kode skal se ud som følger:

html<!DOCTYPE html>
<html>
  <head>
    
  </head>
  <body>
    dine html-tags
    
    <script>
      din JavaScript-kode
    </script>
  </body>
</html>

Eller som følger, hvis du skriver JavaScript-koden i en separat fil:

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