Случайная страна
Реализуйте сайт, по нажатию на кнопку выводящий случайную страну заданного континента.
Продумайте структуру хранения данных о странах в коде JavaScript. Создайте массив объектов, где каждый объект содержит название страны, континент, население и официальный язык. Вручную заполните массив 20-30 странами из разных континентов (например, "Франция - Европа - 67 млн - французский", "Бразилия - Южная Америка - 214 млн - португальский", "Япония - Азия - 125 млн - японский" и т.д.). Все данные должны храниться в коде JavaScript.
Основные возможности проекта
- Переключатель для выбора континента.
- Фильтр по населению (минимальное и максимальное значение).
- Фильтр по языку.
- Кнопка для вывода случайной страны.
- Вывод информации о стране.
Главная страница
На главной странице сайта должна быть форма с настройками и кнопкой "Показать случайную страну":
- Континент (выпадающий список) - выбор континента для поиска стран. По умолчанию "Все континенты".
- Население (фильтр) - минимальное и максимальное количество жителей (инпуты).
- Язык (выпадающий список) - выбор официального языка страны (список формируется из уникальных значений в массиве).
По нажатию на кнопку сайт выбирает случайную страну из базы данных с учетом выбранных фильтров и выводит её информацию.
Фильтры
Доступны следующие фильтры:
- По населению - минимальное и максимальное количество жителей (инпуты). Если поля не заполнены, ограничения не применяются.
- По языку - выбор официального языка из выпадающего списка (список языков формируется из уникальных значений в массиве).
Результат
После нажатия на кнопку сайт должен вывести:
- Название страны.
- Континент.
- Население (в миллионах или с форматированием).
- Официальный язык.
Если стран, соответствующих фильтрам, нет, должно выводиться сообщение: "Страны для выбранных критериев не найдены".
Дополнительные возможности
- Кнопка "Еще" для показа другой случайной страны с теми же настройками.
- Вывод флага страны (эмодзи или изображение).