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