Как сделать «нет результата» для поиска?

Question

[Евгений Драган]

Приветствую сделал такой вот поиск, подскажите пожалуйста, как сделать чтобы появлялось "нет результатов", когда нет подходящих данных в поле ввода, сейчас список просто становиться пустым когда ничего не найдено.

Код для примера: https://jsfiddle.net/0hoL4auf/

Буду благодарен за любую помощь.

Answer 1

[webdisigner]

https://jsfiddle.net/04c6gjkq/6/

Answer 2

[Сергей Соколов]

Можно сделать отрисовку всего списка, в которой решать, кого показывать, кого нет.
Вызывать её при любом изменении поля поиска – событие "input".
Если понятно, что ни один элемент не попал, показывать заглушку «Ничего не найдено»

Answer 3

[SagePtr]

К примеру, добавить туда элемент с текстом "нет результатов", показывать его, если ни одного совпадения не было, и скрывать, если было хотя бы одно.