РЕПЕТИТОР математика физика информатика
Для школьников и студентов. Подтягивание пробелов. ЦЭ, ЦТ, ОГЭ, ЕГЭ.
Идет набор на ЛЕТО. Жмите для подробностей:)
9 of 103 menu

Случайный город

Реализуйте сайт, по нажатию на кнопку выводящий случайный город заданной страны.

Продумайте структуру базы данных для хранения городов (название, страна, население). Вручную вбейте в базу 30-50 городов из разных стран с указанием населения (например, "Москва - Россия - 13 млн", "Нью-Йорк - США - 8.5 млн", "Токио - Япония - 14 млн" и т.д.). Все данные должны храниться в базе данных и выдаваться по запросу.

Основные возможности проекта

  • Переключатель для выбора страны.
  • Фильтр по населению (минимальное и максимальное значение).
  • Кнопка для вывода случайного города.
  • Вывод информации о городе.

Главная страница

На главной странице сайта должна быть форма с настройками и кнопкой "Показать случайный город":

  • Страна (выпадающий список) - выбор страны для поиска городов. По умолчанию "Все страны".
  • Население (фильтр) - минимальное и максимальное количество жителей.

По нажатию на кнопку сайт выбирает случайный город из базы данных с учетом выбранных фильтров и выводит его информацию.

Фильтр по населению

Фильтр должен позволять задавать:

  • Минимальное количество жителей (инпут).
  • Максимальное количество жителей (инпут).

Если поля не заполнены, ограничения не применяются. Например, можно найти город с населением от 1 до 5 миллионов человек.

Результат

После нажатия на кнопку сайт должен вывести:

  • Название города.
  • Страну, в которой находится город.
  • Количество жителей.

Если городов, соответствующих фильтрам, нет, должно выводиться сообщение: "Города для выбранных критериев не найдены".

Дополнительные возможности

  • Вывод флага страны рядом с названием города.
  • Кнопка "Еще" для показа другого случайного города с теми же настройками.
Мы используем cookie для работы сайта, аналитики и персонализации. Обработка данных происходит согласно Политике конфиденциальности.
принять все настроить отклонить