如何在搜索按钮单击后不重置控制值的情况下对列表应用过滤器？

<input type="text" id="searchInput">
<button id="searchButton">搜索</button>
<ul id="list">
  <li>项目1</li>
  <li>项目2</li>
  <li>项目3</li>
  <li>项目4</li>
</ul>

const searchButton = document.getElementById('searchButton');
searchButton.addEventListener('click', function() {
  const searchInput = document.getElementById('searchInput');
  const keyword = searchInput.value.toLowerCase(); // 获取用户输入的关键字并转换为小写

  const list = document.getElementById('list');
  const items = list.getElementsByTagName('li'); // 获取列表项

  for (let i = 0; i < items.length; i++) {
    const item = items[i];
    const text = item.innerText.toLowerCase(); // 获取列表项的文本内容并转换为小写

    if (text.indexOf(keyword) > -1) {
      item.style.display = ''; // 匹配成功，显示列表项
    } else {
      item.style.display = 'none'; // 匹配失败，隐藏列表项
    }
  }
});