Домашнее задание по JavaScript в браузере. DOM

Задача №1

Написать скрипт, который выводит в консоль дерево DOM тела (body) текущей страницы, задавая отступы с учетом вложенности элементов. Примерный вывод:

#text: 
H1
- #text: Домашнее задание по JavaScript в браузере. DOM
SECTION
- #text:
- H2
-- #text: Задача №1
- #text
- P
...

Поместить скрипт в файл tree.js

В качестве тестовой страницы можно использовать example.html

Задача №2

Написать скрипт, подключаемый к странице. При переходе на такую страницу с параметрами адресной строки, например, с page.html?id=2&color=fdd на странице скриптом находился блок с классом "highlight" и с data-id равным 2, и фоновый цвет этого блока становился "#FDD".

Поместить скрипт в файл highlight.js

В качестве тестовой страницы можно использовать example.html

Задача №3

Написать скрипт, подключаемый к странице. При переходе на такую страницу в body будут последовательно добавляться и отображаться сообщения из notifications.js. Цвет фона сообщения зависит от его типа. Сначала появляется первое сообщение, отображается в течение 3 секунд, затем исчезает (удаляется из DOM) и за ним появляется новое и т.д.

Поместить скрипт в файл info.js

В качестве тестовой страницы можно использовать example.html