javascript - 未捕获的类型错误 : Cannot read property 'addEventListener' of undefined at app. js:4

Question

抱歉，如果这很简单，但我是新手，我不太明白这是怎么回事。当按下名为 btn 的标签时，我尝试将 li 添加到 ul，但收到此错误。

const btn = document.querySelector('.btn');
const list = document.querySelector('.list'); 
document.btn.addEventListener('click',onClick);
function onClick(e){
console.log('clicked');
const li = document.createElement('li');
li.appendChild(document.createTextNode('New item'));
list.appendChild(li);
e.preventDefault();
}

Answer 1

document.btn.addEventListener('click',onClick); 应该是

btn.addEventListener('click',onClick);