我正在按照在线教程制作待办事项列表。在此处找到

• https://www.youtube.com/watch?v=MURDw0-BiEE

我完全按照它操作，但它不起作用。浏览器显示“appendChild”为空。该教程已有 2 年历史，只是脚本已经过时了吗？

非常感谢您的帮助

function addNewItem() {
    var listItem = document.createElement("li");
    listItem.innerText = "Hello";

    list.appendChild(listItem);
}

var btnNew = document.getElementById("btnAdd");
btnNew.onclick = function() {
    addNewItem(document.getElementById("todoList"));
};

这是 html 的相关部分

<p><button id="btnAdd">New Item</button></p>

<ul id="todolist">
</ul>

<script src="todo.js"></script>