Any drawbacks to alternative method

ul.addEventListener('click', (e) => {
if (e.target.tagName === 'BUTTON') {
  const button = e.target;
  const li = button.parentNode;
  const ul = li.parentNode;
  if (button.textContent === "remove") {
  ul.removeChild(li);
  } else if (button.textContent === "edit") {
    const span = li.firstElementChild;
    const input = document.createElement('input');
    input.type = 'text';
    input.value = span.textContent;
    li.insertBefore(input, span);
    li.removeChild(span);
    button.textContent = 'save';
    button.addEventListener ('click', (e) => {
    if (e.target.textContent === 'save') {
      span.textContent = input.value;
      li.appendChild(span);
      li.insertBefore(span, input);
      li.removeChild(input);
      button.textContent = edit;
    }
    });
  }
}
});