我应该在HTML中放入什么代码来应用搜索过滤器？

<input type="text" id="searchInput">

<button id="searchButton">搜索</button>

<script>
  document.getElementById("searchButton").addEventListener("click", function() {
    var input = document.getElementById("searchInput").value;
    // 根据输入的值进行搜索过滤逻辑
    // ...
  });
</script>

<script>
  document.getElementById("searchButton").addEventListener("click", function() {
    var input = document.getElementById("searchInput").value;
    var items = document.querySelectorAll(".item"); // 假设需要过滤的元素具有类名为"item"
    for (var i = 0; i < items.length; i++) {
      var item = items[i];
      if (item.textContent.includes(input)) {
        item.style.display = "block"; // 显示匹配的元素
      } else {
        item.style.display = "none"; // 隐藏不匹配的元素
      }
    }
  });
</script>