Есть 50 имен в списке. Как сделать без сервера поиск среди этих 25 имен?

class Datalist {
    constructor(data) {
        this.wrapper = data.wrapper;
        this.list = data.list.sort();
        this.render_input_list();
        this.input = this.wrapper.querySelector('.datalist-input');
        this.bind();
    }
 
    on_wrapper_click(evt) {
        evt.target.classList.contains('datalist-input') && this.on_input();
        evt.target.classList.contains('item') && (this.input.value = evt.target.textContent);
    }
 
    on_input() {
        this.wrapper.querySelectorAll('.item').forEach(e => {
            let value = this.input.value;
            if (e.textContent.toLowerCase().indexOf(value.toLowerCase()) > -1) {
                e.classList.remove('li_none');
                e.innerHTML = e.textContent.replace(new RegExp(`(${value.replace(/([[\\^$.|?*+()])/g, '\\$1')})`, 'gi'), `<span class="highlight">$1</span>`);
            }
            else e.classList.add('li_none');
        });
    }
 
    close_list(evt) {
        !evt.target.classList.contains('datalist-input') && this.wrapper.querySelectorAll('.item').forEach(e => e.classList.add('li_none') );
    }
 
    render_input_list() {
        this.wrapper.insertAdjacentHTML('beforeEnd',
            `<input type="text" class="datalist-input"><ul class="list">${this.list.map((e,i) => 
                `<li class="item li_none" style="z-index:${this.list.length-i}">${e}</li>`).join``}</ul>`);
    }
 
    bind() {
        this.wrapper.addEventListener('click', this.on_wrapper_click.bind(this));
        this.input.addEventListener('input', this.on_input.bind(this));
        document.addEventListener('click', this.close_list.bind(this));
    }
}
 
new Datalist({
    wrapper: document.querySelector('.datalist-wrapper'),
    list: [
        'Бабушкин', 'Абакан', 'Бавлы', 'Багратионовск', 'Балахна',
        'Абаза', 'Бабаево', 'Ак-Довурак', 'Аксай', 'Аксубаево (ПГТ)'
    ]
});