简单页面搜索的代码问题

<form id="search-form">
  <input type="text" id="search-input" placeholder="请输入搜索关键词">
  <button type="submit">搜索</button>
</form>
<div id="search-results"></div>

document.getElementById("search-form").addEventListener("submit", function(event) {
  event.preventDefault(); // 阻止表单提交的默认行为

  var keyword = document.getElementById("search-input").value;
  var results = performSearch(keyword); // 调用搜索函数获取结果

  displayResults(results); // 显示搜索结果
});

function performSearch(keyword) {
  // 在这里编写搜索逻辑，可以使用后端API或者本地数据进行搜索
  // 返回搜索结果的数组
  // 示例：假设有一个本地数据数组，包含了一些文本内容
  var data = [
    "Lorem ipsum dolor sit amet",
    "consectetur adipiscing elit",
    "sed do eiusmod tempor incididunt",
    "ut labore et dolore magna aliqua"
  ];

  var results = [];
  for (var i = 0; i < data.length; i++) {
    if (data[i].toLowerCase().includes(keyword.toLowerCase())) {
      results.push(data[i]);
    }
  }

  return results;
}

function displayResults(results) {
  var container = document.getElementById("search-results");
  container.innerHTML = ""; // 清空之前的搜索结果

  if (results.length === 0) {
    container.innerHTML = "没有找到相关结果";
  } else {
    for (var i = 0; i < results.length; i++) {
      var resultItem = document.createElement("p");
      resultItem.textContent = results[i];
      container.appendChild(resultItem);
    }
  }
}