Where have I gone wrong?

 js
html  form.addEventListener('submit', (e) => {
  e.preventDefault();
  const text = input.value;
  input.value = '';
  const li = document.createElement('li');
 const span = document.createElement('span');
  span.textContent = text;
   li.appendChild(span);
  const label = document.createElement("label");
  label.textContent = 'Confirmed';
  const checkbox = document.createElement("input");
  checkbox.type = "checkbox";
  label.appendChild(checkbox);
  li.textContent = text;
  ul.appendChild(li);
 li.appendChild(label);
      li.appendChild(span);

const editbutton = document.createElement("button");
editbutton.textContent = 'edit';
li.appendChild(editbutton);
 const removeButton = document.createElement("button");
 removeButton.textContent = 'remove';
 li.appendChild(removeButton);

});

ul.addEventListener('change', (e) =>{
const checkbox = event.target;
const checked = checkbox.checked;
  const listItem = checkbox.parentNode.parentNode;
  if(checked){
    listItem.className="responded"
  }

  else{
    listItem.className = " ";
  }

});

ul.addEventListener('click', (e) =>{

  if(e.target.textContent==='remove'){
    const li = e.target.parentNode;
    const ul = li.parentNode;
    ul.removeChild(li);

    } else if(e.target.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';
  }
});