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

时间:2021-04-26 17:29:03

标签: 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>

1 个答案:

答案 0 :(得分:0)

试试这个: 您应该在元素上放置 add 事件侦听器,而不是元素的值

var button = document.querySelector('.btn')

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