Unexpected token ')'. Can't seem to find it?

const form = document.getElementById('registrar');
const input = form.querySelector('input');
const mainDiv = document.querySelector('.main');
const ul = document.getElementById('invitedList');
const div = document.createElement('div');
const filterLabel = document.createElement('label');
const filterCheckbox = document.createElement('input');

filterLabel.textContent = "Hide those who haven't responded";
filterCheckbox.type = 'checkbox';
div.appendChild(filterLabel);
div.appendChild(filterCheckbox);
mainDiv.insertBefore(div, ul);
filterCheckbox.addEventListener('change', (e) => ){
const isChecked = e.target.checked;
const lis = ul.children;
  if(isChecked){
    for (let i = 0; i < lis.length; i  += 1) {
    let li = list[i];  
      if(li.className === 'responded') {
        li.style.display = '';
      } else {
        li.style.display = 'none';
        }
    }
  } else {
      for (let i = 0; i < lis.length; i ++) {
        let li = list[i];  
        li.style.display = '';
      }
    } 
});

function createLI(text) {
  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.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', (error) => {
  error.preventDefault();
  const text = input.value;
  input.value = '';
  const li = createLI(text);
  const ul = document.getElementById('invitedList');
  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) => {
  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';
  }
  else if (button.textContent === 'save'){
    const input = li.firstElementChild;
    const span = document.createElement('span');
    span.textContent = input.value;
    li.insertBefore(span, input);
    li.removeChild(input);
    button.textContent = 'edit';
    }
  }
});