Both buttons appear, but edit button won't post to console

const form= document.getElementById('registrar');
const input= form.querySelector('input');
const ul= document.getElementById('invitedList');

function createLi(text) {
const li= document.createElement('li');       
  li.textContent= text;                 
  const label= document.createElement('label');     
  label.textContent='Confirmed';                  
  const checkbox= document.createElement('input');      
  checkbox.type= 'checkbox';                            
  label.appendChild(checkbox);              
  li.appendChild(label); 

  const editButton = document.createElement('button');      
  editButton.textContent= 'edit';                            
  li.appendChild(editButton); 

  const removeButton = document.createElement('button');      
  removeButton.textContent= 'remove';                            
  li.appendChild(removeButton); 
  return li;
};

form.addEventListener('submit', (e)=> {       
  e.preventDefault();                   
  const text= input.value;
  input.value= '';                      
  const li= createLi(text);
   ul.appendChild(li);   
})

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)=> {       
  const button = event.target;
  const li = button.parentNode;
  const ul = li.parentNode;
  if (button.tagName === 'BUTTON') {
     if (button.textContent === 'remove') {
    ul.removeChild(li); 
    }
  } else if (button.textContent === 'edit') {
    console.log('edit');
  }
});