Прошу помочь, не получается фильтровать, если в инпут введу пиццу, то должны появится только все пиццы, а остальные должны исчезнуть, или напишу 'ай' то все массивы которые имеют буквы ай должны появится а остальные исчезнуть, прошу помочь, СПАСИБО
html
<div class="foods">Пицца Маргарита</div>
<div class="foods">Пицца Четыре Сыра</div>
<div class="foods">Пицца Монако</div>
<div class="foods">Чай черный</div>
<div class="foods">Чай зеленный</div>
<div class="foods">Суп харчо</div>
<div class="foods">Суп мастава</div>
js
let search = document.getElementById('search')
let foods = document.querySelectorAll('.foods')
search.addEventListener('input', function(){
if (this.value != '') {
if (foods.includes(this.value)) {
console.log('sdf')
}
}
else {
for(let i = 0; i < foods.length; i++){
console.log(foods[i].value)
}
}
})