Homework

:briefcase: Обязательное задание ( 3 балла )

Создайте массив tags с именами валидных тегов HTML5

Теперь создайте массив classes с именами классов

( число элементов в массиве classes должно быть не меньше, чем число элементов массива tags )

Создайте элемент style и вставьте его в head документа

Добавьте контент элемента style с описанием классов, имена которых находятся в массиве classes

Итерируйте массив tags, создавая соответствующие элементы и вставляя их на страницу, добавляя каждому элементу класс из массива classes

---

:briefcase: Дополнительно ( 4 балла )

Результат должен быть аналогичен тому, что получится в предыдущем упражнении

Однако исходный массив tags должен быть массивом объектов, каждый из которых содержит не только имя тега элемента, но и его атрибуты, а так же хотя бы один обработчик события

Таким образом, массив classes нам уже не нужен, но кроме стилизации элементов нужно еще добавить их контент, используя как атрибуты тегов, так и свойства элементов DOM

---

:briefcase: Дополнительно ( 5 баллов )

Напилить код, который выбирает все элементы-потомки body ( :warning: кроме элементов script ) и добавляет им класc:

.redBack {
    background-color: red!important;
}

Альтернативный вариант - выбрать все заранее заданные элементы:

var tags = [ "header", "footer", "main", "div", "p" ]

Запустить код в консоли любой страницы

Подсказка: используйте методы объекта classList