如何从先前单击的列表项中删除样式

<ul id="myList">
  <li>列表项1</li>
  <li>列表项2</li>
  <li>列表项3</li>
</ul>

.selected {
  background-color: yellow;
}

// 获取列表项
const listItems = document.querySelectorAll('#myList li');

// 为每个列表项添加点击事件监听器
listItems.forEach(item => {
  item.addEventListener('click', handleClick);
});

// 点击事件处理函数
function handleClick(event) {
  // 移除先前被点击的列表项的样式
  const previousSelectedItem = document.querySelector('.selected');
  if (previousSelectedItem) {
    previousSelectedItem.classList.remove('selected');
  }

  // 添加样式到当前点击的列表项
  event.target.classList.add('selected');
}