如何添加按钮来过滤一些数据？

<button id="filterButton">过滤数据</button>
<ul id="dataList">
  <li>数据1</li>
  <li>数据2</li>
  <li>数据3</li>
  <li>数据4</li>
</ul>

<script>
  const filterButton = document.getElementById('filterButton');
  const dataList = document.getElementById('dataList');

  filterButton.addEventListener('click', function() {
    // 过滤数据的逻辑
    const filteredData = Array.from(dataList.children).filter(function(item) {
      return item.textContent.includes('数据2');
    });

    // 清空原有数据
    dataList.innerHTML = '';

    // 展示过滤后的数据
    filteredData.forEach(function(item) {
      dataList.appendChild(item);
    });
  });
</script>