HTML-Elemente erstellen und diesen ein onclick-Event anheften

[Gast876543]

Hi,
mein Script soll soll einer liste Listeneinträge hinzufügen, die der User in ein input-Feld schreibt. diese Listeneinträge soll der user wieder löschen können, indem er auf den jeweiligen Eintrag klickt. Das erstellen der Listeneinträge funktioniert auch, solange man die deleteFunction-Funktion weglässt. Ich glaube mit der deleteFunction-Funktion wird der Eintrag erstellt und sofort wieder gelöscht, ohne das auf den Eintrag geklickt wird. Wo ist der Fehler?

  
var n = 0;  
var LI = new Array();  
var UL;  
  
function deleteFunction (x) {  
    UL.removeChild(x);  
    delete x;  
}  
  
function inputFunction() {  
    var text = document.getElementById("input").value;  
    LI[n] = document.createElement("li");  
    UL = document.getElementById("list");  
    UL.appendChild(LI[n]);  
    LI[n].id = "li" + n;  
    LI[n].innerHTML = text;  
    LI[n].onclick = deleteFunction(LI[n]);  
    document.getElementById("input").value = "";  
    n++;  
}