DOM:n perusteet JavaScriptissä

Edellisissä oppitunneissa opimme JavaScript-kielen perusominaisuudet. Tästä oppitunnista alkaen alamme tehdä sitä, mihin JavaScript on tarkoitettu - muutamme HTML-sivun elementtejä ja reagoimme käyttäjän toimintoihin. Skriptistämme tulee visuaalisempia ja hyödyllisempiä.

Kaikissa seuraavissa oppitunneissa JavaScript- koodisi tulee sijoittaa sen HTML-koodin alle, johon se viittaa. Toisin sanoen koodisi rakenteen tulisi näyttää seuraavalta:

html<!DOCTYPE html>
<html>
  <head>
    
  </head>
  <body>
    sinun html-tagit
    
    <script>
      sinun JavaScript-koodi
    </script>
  </body>
</html>

Tai seuraavalla tavalla, jos kirjoitat JavaScript-koodia erilliseen tiedostoon:

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