Osnove dela z DOM v JavaScript

V prejšnjih lekcijah smo preučevali osnovne možnosti jezika JavaScript. Od te lekcije naprej se bomo posvetili temu, za kar je JavaScript pravzaprav namenjen - spreminjali bomo elemente HTML strani in se odzivali na dejanja uporabnika. Naše skripte postanejo bolj spektakularne in uporabne.

V vseh naslednjih lekcijah mora biti vaša JavaScript koda nameščena pod HTML kodo, ki se ji dostopa. To pomeni, da mora struktura vaše kode izgledati na naslednji način:

html<!DOCTYPE html>
<html>
  <head>
    
  </head>
  <body>
    vaši html tagi
    
    <script>
      vaša JavaScript koda
    </script>
  </body>
</html>

Ali pa na naslednji način, če pišete JavaScript kodo v ločeni datoteki:

html<!DOCTYPE html>
<html>
  <head>
    
  </head>
  <body>
    vaši html tagi
    
    <script src="index.js"></script>
  </body>
</html>