Základy práce s DOM v JavaScripte

V predchádzajúcich lekciách sme študovali základné možnosti jazyka JavaScript. Počnúc touto lekciou sa budeme venovať tomu, na čo je JavaScript vlastne určený - budeme meniť prvky HTML stránky a reagovať na akcie používateľa. Naše skripty sa stanú zaujímavejšími a užitočnejšími.

Vo všetkých nasledujúcich lekciách musí byť váš JavaScript kód umiestnený pod HTML kódom, ku ktorému pristupuje. To znamená, že štruktúra vášho kódu by mala vyzerať nasledovne:

html<!DOCTYPE html>
<html>
  <head>
    
  </head>
  <body>
    vaše html tagy
    
    <script>
      váš JavaScript kód
    </script>
  </body>
</html>

Alebo nasledovne, ak píšete JavaScript kód v samostatnom súbore:

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