Для нашего проекта необходимо разработать простую поисковую строку.
Визуально нужно сделать что-то похожее на строку Google. Пример в приложении. Главное для нас - не нарушить не чьих авторских прав.
Алгоритм работы поисковой строки следующий:
1. На вход Ваш JS получит лист AvailablePages - сервер самостоятельно создаст его при генерации страницы HTML. В этом листе будут листы с перечисленными названия страниц на сайте, а также прямыми ссылками на них:
var AvailablePages = [
["Продажи: кг", "https://example.com/page1"],
...
]
2. Пользователь видит поисковую строку с плейсхолдером "Найдите отчёт здесь..". При вводе любого символа отражается введенные пользователем символы. При их удалении плейсхолдер возвращается.
3. При вводе символов поиск должен увеличиться в высоту и предложить все возможные названия страниц, где есть совпадения по символам. Фон этих строк должен чередоваться белым и светло-серым цветом. При наведении мышкой на строку, её цвет должен поменяться на серый. Ниже поиска может быть размещен контент, поэтому при увеличении поисковой строки вниз необходимо отобразить строки поверх имеющегося ниже контента без его сдвига. При нажатии на строку пользователь перейдет по прямой ссылке на страницу в текущем окне.
Оплата будет по факту демонстрации функционала по видеосвязи.
Желательно не использовать сторонние библиотеки и обойтись текущим стеком: HTML/JS/Bootstrap/CSS
Укажите пожалуйста в отклике, когда планово Вы сможете завершить задачу.
