<aside> 😊 Рад вас здесь видеть. Вы на седьмой домашней работе курса “Базовый Javascript”. В видео: “07. Элементы веб-страницы” вы узнали о том, как создавать и настраивать HTML-элементы с помощью встроенных функций Javascript. Также вы научились добавлять обработчики событий. Задачи в этой домашней работе помогут получить необходимую практику использования возможностей и функций. Успехов!

</aside>

<aside> ⚙ Важно. Сервис Notion ушёл из РФ и по этой причине доступ к ресурсам домашних работ может быть ограничен. Я работаю над переносом материалов на другую платформу, но на это потребуется время 🕘.

Уже сейчас для беспрепятственной работы вы можете:

• использовать средства обхода блокировок сервисов
• скачать бэкап домашних работ по этой ссылке </aside>

Задание 1

Начнем с поиска и исправления ошибок в уже готовой программе:

1. Скачайте файлы задания:

   Task_1.zip

2. Это простая программа, которая создает на странице HTML-элементы (контейнер, заголовок и кнопку) с помощью встроенных функций. При клике по кнопке происходит изменение ночной темы на дневную (цвет фона и шрифта меняется), а сама кнопка удаляется

3. Проблема в том, что в коде допущены ошибки. Исправьте его так, чтобы программа запускалась, создавала HTML-элементы и кнопка выполняла свою задачу при клике

4. Пример итогового результата в браузере:

   

☝️ Задание считается выполненным, если:

• Нет ошибок в консоли
• В документе созданы html-элементы со стилизацией
• При клике на кнопку, меняется цвет фона и шрифта, а кнопка удаляется

<aside> 🧑‍💻 Вариант готового решения для самопроверки:

Задание 1 - вариант решения.zip

</aside>

Задание 2

Учимся создавать HTML-элементы с помощью встроенных в Javascript функций: