Как организовать поиск на одной странице?

Question

[Kak_B_CTapou_Cka3ke]

Есть относительно крупная страница с названиями игр. Страница-меню. Нужно по ней организовать поиск, чтобы при вводе, предположим ворлд или world выскакивали подсказки: world of warcraft, world of tanks, etc. А при клике опускалось чуть ниже, к заданному id.

Куда капнуть стоит? Где найти что-то похожее?
Спасибо.

Answer 1

[Alexandr Alexandrov]

Создать мини-приложение с помощью js-плагина из названий приложений.

• leaverou.github.io/awesomplete
  
• https://designshack.net/articles/javascript/create...
  

По клику на название из селектора - скролл на id.

Answer 2

[Airat Galiullin]

let allIDS = document.querySelectorAll('*[id]')
//или
let allIDS = document.querySelectorAll('*[id]:not([id=""])')
//или
let allIDS =  someElement.querySelectorAll('*[id]"')
//allIDS - это все id, которые вам необходимы
//далее с массивом делаете что хотите
//при выборе id scrollTo

Answer 3

[ThunderCat]

ctrl+f
или на jq:

$('#search').on('keyup',function(e){
    var searchStr = $(this).val();
    var list = $(".классСторкиКаталога:contains('"+searchStr+"')" );//тут будут все элементы с заданным текстом
    doSomeStuff();
})