使用Javascript将输入值追加到列表中。待办事项清单

使用Javascript将输入值追加到列表中。待办事项清单,javascript,html,Javascript,Html,我正在尝试创建待办事项列表。不太确定我的代码为什么不起作用。正在尝试从添加项输入到待办事项列表中获取值 HTML 添加项 添加 做 接受domeElement,而不是字符串。您需要先创建一个元素,然后附加它: var addTask = function () { var text = taskInput.value; var li = document.createElement('li'); li.innerHTML = text; incompleteT

我正在尝试创建待办事项列表。不太确定我的代码为什么不起作用。正在尝试从添加项输入到待办事项列表中获取值

HTML


添加项
添加
做
  • 接受domeElement,而不是字符串。您需要先创建一个元素,然后附加它:

    var addTask = function () {
        var text = taskInput.value;
        var li = document.createElement('li');
        li.innerHTML = text;
        incompleteTasks.appendChild(li);
    }
    

    演示:谢谢你的解释!!非常感谢。
    var taskInput = document.getElementById('newTask');
    var addTaskButton = document.getElementById('addTaskButton');
    var incompleteTasks = document.getElementById('toDo');
    var completedTask = document.getElementById('completedTasks');
    
    var addTask = function () {
        var text = taskInput.value;
        var li = '<li>' + text + '<li>';
        incompleteTasks.appendChild(li);
    
    }
    
    addTaskButton.onclick = addTask;
    
    var addTask = function () {
        var text = taskInput.value;
        var li = document.createElement('li');
        li.innerHTML = text;
        incompleteTasks.appendChild(li);
    }