Javascript 我不知道为什么这个代码没有添加li元素

在控制台中，我没有定义，但我无法理解

函数createItem（元素）{
var li=document.createElement（'li'）；
li.innerText=element.value；
var ul=document.getElementById（'todo'）；
ul.儿童（li）；
}
var元素=document.getElementById（“输入”）
document.getElementById（“提交”）.onclick=createItem；
控制台日志（元素）；

试试这个：）

函数createItem（元素）{
var li=document.createElement（'li'）；
li.innerText=document.getElementById（“输入”）.value；
var ul=document.getElementById（'todo'）；
ul.儿童（li）；
}
var元素=document.getElementById（“输入”）
document.getElementById（“提交”）.onclick=createItem；
控制台日志（元素）


? 
根据您的小提琴，正在提交表单，为了防止在下面的代码中出现这种情况，我使用了event.preventDefault，然后您需要将元素参数传递给createItem函数

function createItem(element) {
    var li=document.createElement('li');
    li.innerText=element.value;
    var ul=document.getElementById('todo');
    ul.appendChild(li);

}

var element = document.getElementById("input");
document.getElementById("submit").onclick=function(e){
  event.preventDefault();
  createItem(element);
};

待办事项列表请不要在注释中添加代码。编辑你的问题。哪一行/变量未定义？查看您的html将很有帮助：）我有这是提交按钮
呈现了吗？尝试将指向javascript的链接放在html文件的底部，添加未定义的内容确保输入框
被呈现并且
li.innerText=document.getElementById（“输入”）.value从中获取值这项工作我不知道这是怎么做的