Изменение HTML- атрибутов при помощи JavaScript

1.

JS урок 8

2.

Изменение HTML-атрибутов при помощи
JavaScript

3.

При открытии страницы в браузере мы увидим:

4.

При нажатии на кнопку «Включить свет»
страница изменится следующим образом:

5.

Задание для самостоятельного выполнения,
часть 1

6.

Задание для самостоятельного выполнения,
часть 2

7.

После нажатия на кнопку «Темно» экран выглядит
следующим образом

8.

После включения света

9.

Теперь страница после нажатия кнопок «Темно»
и «Включить свет» выглядит следующим
образом:

10.

Удаление элементов со страницы при помощи
JavaScript

11.

При открытии страница
следующим образом:
будет
выглядеть

12.

После нажатия на кнопку «Удалить заголовок»
на странице останется лишь сама кнопка:

13.

Добавление элементов на страницу при помощи
JavaScript

14.

При каждом нажатии на кнопку «Создать
кнопку» будут добавляться новые кнопки на
страницу: