Why do I get this error: Uncaught SyntaxError: Unexpected token else app.js:26 ?

"use strict";
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++) {
            let li = lis[i];
            if (li.className == "responded"); {
                li.style.display = "";
            } else {
                li.style.display = "none";
            }
        }
    } else {
        for (let i = 0; i < lis.length; i++) {
        let li = lis[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);

    buttons();
    return li;
}

function buttons(text) {
   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";
    }
    }
}); 
}

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 = '';
        }
});