Добавить поисковые подсказки на страницу

Руслан6 лет в сервисе
Данные заказчика будут вам доступны после подачи заявки
08.09.2019

Есть готовая страница с поиском статей по текстуЕсть готовый "suggester" метод в API (дам curl, javascript обращения, postman-коллекцию). Функционал поиска уже есть.

Осталось сделать только фронтенд только функции подсказок.

Пример приложен на скриншоте

Нужно как в поиске гугл, вводишь текст - сразу подсказывает варианты. Например, ввожу "выч..", поиск сразу предлагает выбрать "вычеты за недвижимость", "вычеты за покупку кассы" и т.п. => выбираю вариант - он вставляется в текстовое поле и происходит поиск по выбранному.

Если откликаетесь на задание - перед началом работы почитайте как эта задача решается))

Технологии: static html, js, json

API отвечает за 0,5 секунд, должно быть достаточно.

Работать должно на десктоп и мобильной версиях сайта.

Ссылка на сайт в приватном описании.

Дополнительно:

1) При клике мышкой или пальцем на список подсказок - должен "выбраться" этот вариант

2) При использовании клавиатуры по нажатию Enter - должен выбраться вариант

3) После выбора варианта любым способом - должен произойти поиск (т.е. должна "нажаться" кнопка "найти")

Внешний вид/дизайн: без хитростей, можно все у гуглопоиска как пример брать.

Тестирование:

1) Даю доступ к исходникам. Делаете, выкладываете (есть ispmanager, можно легко и быстро скачать/закинуть исходники на сайт)

2) Открываю страницу, пробую вводить текст. После введения 3 символов или более должны предлагаться подсказки. Явных косяков, лагов нет.

Для проверки перед началом работы дам рабочие примеры запросов.

3) Аналогично проверяю на смартфоне.