wrap li items within span in javascript

index.tsx
// get the list element
const list = document.querySelector('ul');

// get all the li items within the list
const listItems = list.querySelectorAll('li');

// loop through each li item
listItems.forEach(item => {
  // create a new span element
  const span = document.createElement('span');
  
  // move the contents of the li item into the new span element
  span.innerHTML = item.innerHTML;
  
  // replace the li item with the new span element
  item.parentNode.replaceChild(span, item);
});
495 chars
18 lines