如何仅使用html/css/javascript (没有jquery等)重置我的搜索框中的列表？

<input type="text" id="searchInput" placeholder="搜索...">
<ul id="searchList">
  <li>结果1</li>
  <li>结果2</li>
  <li>结果3</li>
</ul>
<button id="resetButton">重置</button>

// 获取元素的引用
var searchInput = document.getElementById('searchInput');
var searchList = document.getElementById('searchList');
var resetButton = document.getElementById('resetButton');

// 为重置按钮添加点击事件监听器
resetButton.addEventListener('click', function() {
  // 重置搜索框的值
  searchInput.value = '';
  
  // 清空列表项
  searchList.innerHTML = '';
});

#searchInput {
  width: 200px;
  padding: 5px;
  border: 1px solid #ccc;
}

#searchList {
  list-style: none;
  padding: 0;
  margin: 0;
}

#searchList li {
  padding: 5px;
  background-color: #f9f9f9;
  border-bottom: 1px solid #ccc;
}

#resetButton {
  margin-top: 10px;
}