Асновы работы з 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>

У далейшым для караткасці я не буду прыводзіць поўны код, а буду проста паказваць, што трэба пісаць у HTML частцы, а што - у JavaScript частцы.

Задание 1

Зрабіце файл з указанай структурай кода.