I keep getting errors on the double createLI method. Where exactly did I go wrong?

document.addEventListener("DOMContentLoaded", () =>
{
  const reg = document.getElementById("registrar");
  const invited = document.getElementById("invitedList");
  const input = reg.querySelector("input");
  const div = document.createElement("div");

  //Javascript only code
  const filterLabel = document.createElement("label");
  const filterCheckBox = document.createElement("input");
  const mainDiv = document.querySelector(".main");
  filterLabel.textContent = "Hide those who haven't responsed";
  filterCheckBox.type = "checkbox";
  div.appendChild(filterLabel);
  div.appendChild(filterCheckBox);
  mainDiv.insertBefore(div, invited);

  filterCheckBox.addEventListener("change", (e) =>  
                                  {
                                    const isChecked = e.target.checked;
                                    const lilist = invited.children;

                                    if(isChecked)
                                    {
                                      for(let i =0; i < lilist.length; i += 1)
                                      {
                                       let li = lilist[i];
                                        if(li.className === "responded")
                                        {
                                          li.style.display = '';
                                        }
                                        else
                                        {
                                          li.style.display = 'none';
                                        }
                                      }
                                    }
                                    else
                                    {
                                      for(let i =0; i < lilist.length; i += 1)
                                      {
                                       let li = lilist[i];
                                       li.style.display = '';
                                      }

                                    }



                                  });

  function createLI(text)
  {
    function createElement(elementName, property, value)
    {
     const element = document.createElement(elementName);
     element[property] = value;
     return element; 
    }

    function appendToLI(elementName, property, value)
    {
      const element = createElement(elementName, property, value);
      li.appendChild(element);

    }




    const li = document.createElement("li");
    appendToLI("span", "textContent", text);
    appendToLI("label", "textContent", "Confirmed").appendChild(createElement("input", "type", "checkbox"));




    //Add an edit button
    appendToLI("button", "textContent", "Edit");



    //Add a delete button
    appendToLI("button", "textContent", "Remove");

    invited.appendChild(li);
    input.value = "";
    return li;

  }


  reg.addEventListener("submit", (e) => 
                       {
                         e.preventDefault();
                         const text = input.value;
                        createLI(text);                     
                       });

  invited.addEventListener("change", (e) => 
                           {
                             const checkbox = event.target;
                             const checked = checkbox.checked;
                             const listItem = checkbox.parentNode.parentNode;

                             if(checked)
                             {
                               listItem.className = 'responded'
                             }

                             else
                             {
                               listItem.className = 'pending';
                             }
                           });

  invited.addEventListener("click", (e) =>
                           {
                            if(e.target.tagName === "BUTTON")
                            {
                              const li = e.target.parentNode;
                              if(e.target.textContent === "Remove")
                              {
                                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);
                                e.target.textContent = "Save";
                              }

                              else if(e.target.textContent === "Save")
                              {
                               const input = li.firstElementChild;
                               const span = document.createElement("span");
                               span.textContent = input.value;
                               li.insertBefore(span, input);
                               li.removeChild(input); 
                               e.target.textContent = "Edit";

                              }

                            }


                         });
});