如何使用vanilla JavaScript在Ul li上有默认和删除类？

const ulElement = document.querySelector('ul');
const liElements = document.querySelectorAll('ul li');

liElements.forEach(li => {
  li.classList.add('default');
});

liElements.forEach(li => {
  li.addEventListener('click', () => {
    li.classList.remove('default');
  });
});

liElements.forEach(li => {
  li.addEventListener('click', () => {
    li.classList.remove('default');
    li.classList.add('deleted');
  });
});