Javascript 我不明白为什么我的代码不起作用

我正在尝试在单击按钮后重新计算其值。但是由于某些原因，控制台一直给我一个错误，说buttonValue.addEventListener不是一个函数！！！ 以下是我的代码：

var buttonValue = document.querySelector('.btn').value

buttonValue.addEventListener('click', function(){
  console.log(buttonValue);
});

and here is my HTML code!:

<div>
<button class='btn' value="1">1</button>
</div>

var buttonValue=document.querySelector（'.btn'）.value
buttonValue.addEventListener（'click'，function（）{
控制台日志（按钮值）；
});
这是我的HTML代码！：
1.

试试这个： 您应该在元素上放置addeventlistener，而不是元素的值

var-button=document.querySelector（“.btn”）
buttonValue.addEventListener（'click'，function（）{
console.log（按钮值）；
});

因为输入值是字符串，而字符串没有addEventListener。您应该将事件侦听器绑定到按钮，而不是值。您不应该将事件侦听器添加到

.value

，而是添加到按钮本身。另外，确保JS代码在HTML准备就绪后执行。@epascarello您能使用代码吗？谢谢非常感谢你！！！！！！！！！！！我花了很长时间才弄明白！你是最棒的！！！：()()))没问题。顺便问一下，你介意把这个作为答案吗？谢谢