В данном видео сделаем свой "select", в котором доступен выбор более одного значения из доступного списка значений.
Поддержать меня на Boosty:
https://boosty.to/yuri_simonov
Тайминги:
00:00 Приветствие
00:28 Объяснение разметки и стилей
01:09 Поиск элементов разметки с помощью JS
01:30 Открытие и закрытие выпадающего списка
04:18 Выбор элемента из списка
07:36 Отмена выбранного значения
14:51 Фильтрация значений из списка по введенному тексту в инпут
17:54 События клавиш "ArrowUp" и "ArrowDown"
22:56 Событие мышки
25:04 Объяснение обещанной ранее проверки
25:31 Событие клавиши "Enter"
27:38 Событие клавиши "Backspace"
29:26 Проверка работоспособности мультиселекта
29:50 Доработка функционала
32:45 Рефакторинг кода
33:18 Финальная проверка
33:43 Заключение
Готовый код:
https://codepen.io/Yuri_Simonov/pen/z...
Ссылка на плейлист по JavaScript:
• Задачи по JS
Мой телеграм канал по айтишечке:
https://t.me/yuri_simonov_it
Я в соц.сетях:
VK: https://vk.com/yura1596