如何创建一个搜索列表，其中的元素仅在用户搜索其精确值时显示

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

var searchInput = document.getElementById("searchInput");
searchInput.addEventListener("input", function() {
    var keyword = searchInput.value.trim();
    // 处理搜索逻辑
});

var searchList = ["苹果", "香蕉", "橙子", "梨子", "西瓜"];
var filteredList = searchList.filter(function(item) {
    return item === keyword;
});

var resultContainer = document.getElementById("resultContainer");
resultContainer.innerHTML = ""; // 清空之前的结果
filteredList.forEach(function(item) {
    var element = document.createElement("div");
    element.textContent = item;
    resultContainer.appendChild(element);
});