Javascript 为什么QuerySelector在下面的代码中不起作用？_Javascript

Javascript 为什么QuerySelector在下面的代码中不起作用？

javascript

Javascript 为什么QuerySelector在下面的代码中不起作用？,javascript,Javascript,无法使用queryselectorall（）选择第二个按钮。给我一个错误“UncaughtTypeError:btn.addEventListener不是函数” //HTML// <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content=&q

无法使用queryselectorall（）选择第二个按钮。给我一个错误“UncaughtTypeError:btn.addEventListener不是函数”

//HTML//

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <button class="btn">A</button>
    <button class="btn">B</button>
</body>
<script src="app.js"></script>
</html>

实际上，querySelectorAll（）方法将文档中与指定CSS选择器匹配的所有元素作为静态节点列表对象返回

NodeList对象表示节点的集合。可以通过索引号访问节点。索引从0开始

请尝试下面的代码

const btn=document.queryselectoral（“.btn”）；
btn.forEach（btn=>{
btn.addEventListener（'单击'，（）=>{
log（'hello'）；
})
}
);

文件
A
B

const btn = document.querySelectorAll(".btn");
btn.addEventListener('click' ,myfunction);

function myfunction(){
    console.log('hello');
}