Как реализовать поиск по имени как в datalist?

Question

[Дмитрий]

У меня есть список файлов с сложными именами, вперемешку буквы, символы и т.д. Нужно реализовать поиск по имени с дальнейшим накручиванием фильтров(пока на непонятно каких).
Хотелось бы реализовать поведение как у datalist с набором опций, т.е. начинаешь вводить имя в input и список отфильтровывается автоматически. У меня каждое имя обернуто тегом li, т.е. нужно при вводе каждого символа парсить html коллекцию и накидывать/убирать hidden, как-то так мне это видится.
Может кто подскажет оптимальный вариант?

Answer 1

[Алексей Ярков]

https://kraaden.github.io/autocomplete/

Answer 2

[Дмитрий]

Я короче сам себе в голове сложности надумал. Как писать начал - все прояснилось)
Примерно так:

filterNameFile(nameFiles) {
        let childrensListNameFiles = [...this.listNameFiles.children];

        childrensListNameFiles.forEach(el => {
            (el.innerText.indexOf(nameFiles) == -1) ? el.classList.add('hidden') : el.classList.remove('hidden');
        });
    }