Need help with this bug...

Submitting new names to the list results in guests named "span" rather than the name submitted. Also, the new list item's children all have the wrong names.

I know the problem is in this function...

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

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

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

}

In the function createElement my text editor is telling me that value is declared but never read.

Also I don't know what the line - element[property] = elementName; - is or what it does.

Any help is greatly appreciated, if you've figured it out I'd be happy if you posted the correction so I could look at it.