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

Случайное животное

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

Продумайте структуру хранения данных о животных в коде JavaScript. Создайте массив объектов, где каждый объект содержит название животного, страну обитания и путь к изображению. Вручную заполните массив 15-20 животными из разных стран (например, "лев - Африка", "панда - Китай", "кенгуру - Австралия" и т.д.) и подготовьте соответствующие изображения. Все данные должны храниться в коде JavaScript.

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

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

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

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

Фильтр по странам

Фильтр должен представлять собой выпадающий список со странами обитания животных (список формируется из уникальных значений в массиве). При выборе конкретной страны животные выбираются только из этой страны. Опция "Все страны" показывает животных без фильтрации.

Результат

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

  • Название животного.
  • Фото животного (изображение).
  • Страну обитания животного.

Если в выбранной стране нет животных в базе, должно выводиться сообщение: "Животных для выбранной страны не найдено".

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

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