如何在Javascript中创建搜索栏来检查项目是否与输入匹配？

<input type="text" id="searchInput" placeholder="输入关键词进行搜索">

var searchInput = document.getElementById("searchInput").value;

// 假设有一个项目数组
var projects = [
  { name: "项目1", description: "这是项目1的描述" },
  { name: "项目2", description: "这是项目2的描述" },
  { name: "项目3", description: "这是项目3的描述" }
];

// 遍历项目数组，检查输入值是否与项目名称匹配
for (var i = 0; i < projects.length; i++) {
  if (projects[i].name.toLowerCase() === searchInput.toLowerCase()) {
    // 匹配成功，执行相应操作
    console.log("项目与输入匹配：" + projects[i].name);
    break;
  }
}