5.6. Задание: создание и поддержка многостраничного приложения

Ваша задача: настроить всё так, чтобы любому, кто будет дорабатывать наш проект, было удобно и понятно это делать, независимо от количества страниц и файлов.

Исходный код приложения включает немного логики на JS, разделённой на три разных HTML-файла со своими стилями.

Вы будете работать с тем же счётчиком, но теперь функциональность нужно разделить на три страницы:

1. Счётчик количества нажатий на клавиши клавиатуры.
2. Счётчик кликов по кнопке.
3. Отрисовка элементов по нажатию на кнопку.

У вас получится три HTML и JS файла.

В директории dist/js будут находиться скрипты с функциональностью, которая относится к каждой из страниц. В директории dist/pages должна автоматически создаваться поддиректория с HTML-файлами — под каждую из страниц в отдельности.

В результате файловая структура проекта должна выглядеть так:

Когда справитесь с задачей, нажмите на кнопку «Задание готово» — ниже в программе откроется демо с решением авторов. Сравните его с получившимся у вас вариантом.