js怎么搜索功能

<input type="text" id="searchInput" placeholder="输入关键词">
<button onclick="search()">搜索</button>
<ul id="itemList">
    <li>苹果</li>
    <li>香蕉</li>
    <li>橙子</li>
    <!-- 更多列表项 -->
</ul>

function search() {
    // 获取输入框的值
    var keyword = document.getElementById('searchInput').value.toLowerCase();
    // 获取列表项
    var items = document.getElementById('itemList').getElementsByTagName('li');
    // 遍历列表项，检查是否包含关键词
    for (var i = 0; i < items.length; i++) {
        var itemText = items[i].textContent.toLowerCase();
        if (itemText.includes(keyword)) {
            items[i].style.display = ''; // 显示匹配项
        } else {
            items[i].style.display = 'none'; // 隐藏不匹配项
        }
    }
}