Основи на работа с 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>