删除元素香草

Question

我正在尝试通过创建简单的待办事项列表来学习JS，但是在删除列表时遇到问题

function addTodo(e) {

    e.preventDefault()
    const val = document.getElementById('list-input').value;
    const li = createNewTask(val);
    ul.appendChild(li);
    resetForm.reset();
    return ul
}
const createNewTask = function (val) {

    const listItem = document.createElement('li');
    const deleteBtn = document.createElement('button')

    const valNode = document.createTextNode(val)

    //Modified each element
    deleteBtn.innerText = 'Delete';
    deleteBtn.className = 'delete';

    //append each child
    listItem.appendChild(valNode)
    listItem.appendChild(deleteBtn)

    return listItem;
}

我设法将新的Todo列表添加到我的简单应用程序中，但是我不知道如何删除它。

您可以通过此链接http://jsbin.com/qunefum/edit?html,js,output

看到它的运行情况

已经看过并阅读了一些文档，但是无法弄清楚如何指向正确的元素，因此所有示例似乎都太复杂了