Osnove rada sa DOM-om u JavaScript

U prethodnim lekcijama smo učili osnovne mogućnosti jezika JavaScript. Počevši od ove lekcije bavićemo se onim za šta je JavaScript zapravo namenjen - menjati ćemo elemente HTML strane i reagovati na akcije korisnika. Naši skriptovi će postati upečatljiviji i korisniji.

U svim narednim lekcijama vaš JavaScript kod treba da bude postavljen ispod HTML koda kome se obraća. To znači da struktura vašeg koda treba da izgleda na sledeći način:

html<!DOCTYPE html>
<html>
  <head>
    
  </head>
  <body>
    vaši html tagovi
    
    <script>
      vaš JavaScript kod
    </script>
  </body>
</html>

Ili na sledeći način, ako pišete JavaScript kod u posebnom fajlu:

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