使用 Javascript 从待办事项列表中删除项目

尝试我的第一个 Javascript 项目，使用 DOM 制作一个待办事项列表。 添加项目后，如何让“删除”按钮起作用并删除该项目+删除按钮。 此外，在进行新条目后，添加后的列表项仍保留在输入字段中。如何使其每个列表项后为空白。

是的，我知道我的代码有点混乱，很可能有一种更简单的方法来创建它，但我现在是这样理解的。

任何帮助是极大的赞赏。谢谢

JSFiddle 链接：http://jsfiddle.net/Renay/g79ssyqv/3/

<p id="addTask"> <b><u> Tasks </u></b> </p>
<input type='text' id='inputTask'/>
<input type='button' onclick='addText()' value='Add To List'/>


function addText(){
    var input = document.getElementById('inputTask').value;
    var node=document.createElement("p");
    var textnode=document.createTextNode(input);
    node.appendChild(textnode);
    document.getElementById('addTask').appendChild(node);

    var removeTask = document.createElement('input');
    removeTask.setAttribute('type', 'button');
    removeTask.setAttribute("value", "Remove");
    removeTask.setAttribute("id", "removeButton");
    node.appendChild(removeTask);

}

您可以简单地分配事件：

 removeTask.addEventListener('click', function(e) {
        node.parentNode.removeChild(node);
    });

http://jsfiddle.net/g79ssyqv/6/