Javascript 动态创建的列表项onclick_Javascript_Html

Javascript 动态创建的列表项onclick

javascript html

Javascript 动态创建的列表项onclick,javascript,html,Javascript,Html,我对HTML和JavaScript完全陌生，完全迷路了我试图创建一个待办事项列表，其中输入添加到列表的顶部，当单击列表中的某个项目时，该项目将被删除我试图避免使用JQuery或纯js之外的任何东西 <!DOCTYPE html> <html> <script type="text/JavaScript"> var number_of_items = 0; var list = []; var list_container = document.crea

我对HTML和JavaScript完全陌生，完全迷路了

我试图创建一个待办事项列表，其中输入添加到列表的顶部，当单击列表中的某个项目时，该项目将被删除

我试图避免使用JQuery或纯js之外的任何东西

<!DOCTYPE html>
<html>

<script type="text/JavaScript">

var number_of_items = 0;
var list = [];
var list_container = document.createElement("div");
list_container.id = "container"; 

function makelist(){
    list_container.innerHTML = "";

    list.unshift(document.getElementById("todo").value);

    ++number_of_items;

    document.getElementsByTagName("body")[0].appendChild(list_container);
    var list_element = document.createElement("ul");
    list_container.appendChild(list_element);

    for( var i=0 ; i < number_of_items ; ++i){
           var list_item = document.createElement("li");
               list_item.innerHTML = list[i];

           //The problem is here
           list_item.onClick = function(){

                alert("working");
                list.splice(i, 1);
                --number_of_items;
                makelist();

           }

           list_element.appendChild(list_item);
    }
}

</script>

<body>
Todo: <input type="text" id="todo">

<input type="button" value="Submit" onclick="makelist()" />



</body>
</html>

问题是，列表项onclick函数从未激活。为什么?

对于我陈述问题的方式出现的任何问题，我提前表示歉意

使用onclick而不是onclick

或者更好。。。使用

使用onclick而不是onclick

或者更好。。。使用

您如何知道该功能未“激活”？你有错误吗？什么都没发生。我在函数中添加了一个警报来测试它，但警报从未出现。您是否在输入字段中添加了值？否则你会出错。哦，对不起。我不清楚，submit按钮起作用了，这是附加到列表项的onclick函数，我遇到了麻烦。我将编辑初始问题以使其更清楚。您如何知道该函数没有“激活”？你有错误吗？什么都没发生。我在函数中添加了一个警报来测试它，但警报从未出现。您是否在输入字段中添加了值？否则你会出错。哦，对不起。我不清楚，submit按钮起作用了，这是附加到列表项的onclick函数，我遇到了麻烦。我将编辑初始问题以使其更清楚。在行列表中_item.onClick=function{…请不要否决你不理解的内容。我将在我的收藏夹中设置此问题及其答案。它显示了如何使用纯Javascript设置事件。谢谢！我所有的代码经验都是用python和java编写的，因此我习惯于当问题是错过国会大厦时被大骂。我应该知道。在行列表中\u item.onClick=function{…请不要否决你不理解的内容。我将在我的收藏夹中设置这个问题及其答案。它展示了如何用纯Javascript设置事件。谢谢你！我所有的代码经验都是用python和java编写的，所以我习惯于当问题是错过国会大厦时被人大骂。我应该知道的。