Выбор фильма
Девять фильмов — это много для выбора. В этом упражнении пользователь сужает список: по жанру и по части названия, которую он вводит.
Жанр. В select genre есть вариант Все жанры со значением "all" и по одному варианту на каждый жанр, значение которого — жанр в том виде, как он записан в films.json, например "комедия". Когда пользователь выбирает жанр, в списке остаются только фильмы этого жанра.
Поиск. Пока пользователь вводит текст в поле search, в списке остаются только фильмы, в названии которых есть введённый текст, в верхнем или нижнем регистре: на находит и «Начало», и «Назад в будущее». Оба выбора действуют одновременно: жанр «Фантастика» и текст назад оставят только «Назад в будущее». Пустое поле показывает все фильмы выбранного жанра.
Подсказка: поиск работает так же, как поиск стран в уроке «События и формы»: превратите в строчные буквы и название, и введённый текст с помощью toLowerCase(), а затем проверьте методом includes(), содержит ли название введённый текст. И не загружайте фильмы заново при каждом выборе: рисуйте список снова из тех фильмов, что у вас уже есть, с помощью filter().
Задание
- 1
Покажите только фильмы выбранного жанра.
- 2
Покажите только фильмы, в названии которых есть текст из поля поиска.