Základy práce s DOM v JavaScriptu

V předchozích lekcích jsme studovali základní možnosti jazyka JavaScript. Počínaje touto lekcí se budeme zabývat tím, pro co vlastně JavaScript je určen - budeme měnit prvky HTML stránky a reagovat na akce uživatele. Naše skripty se stanou více efektními a užitečnými.

Ve všech následujících lekcích váš JavaScriptový kód musí být umístěn pod HTML kódem, ke kterému přistupuje. To znamená, že struktura vašeho kódu by měla vypadat následovně:

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

Nebo následovně, pokud píšete JavaScriptový kód v samostatném souboru:

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