JavaScript:
const searchBar = document.querySelector("input[type='text']");
const contentBar = document.querySelector(".prod-cate-lst");

searchBar.onchange = function(e) {
const keyWords = searchBar.value;
const lis = contentBar.children;
if(keyWords === '') {
for(let i = 0; i < lis.length; i++)
lis[i].classList.remove("hideLi");
return;
}

for(let i = 0; i < lis.length; i++) {
if(!lis[i].innerHTML.includes(keyWords))
lis[i].classList.add("hideLi");
else
lis[i].classList.remove("hideLi");
}
}


CSS:
.hideLi {
display: none;
}