Warum fügt meine JavaScript-Funktion nicht ein neues Aufgabenelement zur Liste hinzu? [geschlossen] ⇐ HTML

[Anonymous]

Ich erstelle eine einfache Aufgabenliste mit HTML, CSS und JavaScript. class = "snippet-code-html Lang-html PrettyPrint-Override">
Add

function addTodo() {
const input = document.getElementById("todo-input");
const list = document.getElementById("todo-list");

const item = document.createElement("li");
item.textContent = input.value;

list.appendChild(item);
}
< /code>
< /div>
< /div>

Ich sehe keine Fehler in der Konsole, aber die Liste bleibt leer.
mache ich falsch? < /p>