Не работает живой поиск js(не добавляется нужный класс элементам).Что могло стать причиной?

html:

<div class="mainPage">
        <header class="header">
            <div class="search">
               <input type="text" class="searchbar" placeholder="Поиск по асортименту"/>
            </div>
        </header>

js:

//MainPage-search
document.querySelector(".searchbar").oninput = function(){
    let SearchValue = this.value.trim();
    let allItems = document.querySelectorAll(".card-title") 
    let item = document.querySelectorAll(".card")
    if (SearchValue != ""){
        allItems.forEach(function(elem){
            if (elem.innerText.search(SearchValue) == -1){
              item.classList.add('modal-display-none'); //добавление св-ва display:none;
            }else{
                item.classList.remove('modal-display-none');
            }
        });
    }else{
        allItems.forEach(function(item){
            item.classList.remove('modal-displa-none');
        });
    }
}