Основе рада са DOM-ом у JavaScript-у

У претходним лекцијама смо учили основне могућности језика JavaScript. Почевши од ове лекције бавићемо се оним за шта је JavaScript заправо и намењен - мењаћемо HTML елементе странице и реаговаћемо на корисничке радње. Наши скриптови ће постати спектакуларнији и кориснији.

У свим наредним лекцијама ваш JavaScript код треба да буде постављен испод HTML кода, којем се он обраћа. То значи да структура вашег кода треба да изгледа на следећи начин:

html<!DOCTYPE html>
<html>
  <head>
    
  </head>
  <body>
    ваши HTML тагови
    
    <script>
      ваш JavaScript код
    </script>
  </body>
</html>

Или на следећи начин, ако пишете JavaScript код у одвојеној датотеци:

html<!DOCTYPE html>
<html>
  <head>
    
  </head>
  <body>
    ваши HTML тагови
    
    <script src="index.js"></script>
  </body>
</html>