给按钮添加监听器

在 JavaScript 中，我们可以给按钮添加监听器来监听它的点击事件。有多种方式可以实现添加监听器的功能，以下是其中两种常用的方式：

1. 使用 `onclick` 属性

在 HTML 中，我们可以使用 `onclick` 属性来为按钮添加点击事件的监听器。例如：

<button onclick="handleClick()">Click me</button>

在这个例子中，我们为按钮添加了一个 `onclick` 属性，并将它的值设置为一个函数调用表达式 `handleClick()`，表示当按钮被点击时会执行这个函数。需要注意的是，函数名与括号之间不要有空格。

在 JavaScript 中，我们可以定义一个名为 `handleClick` 的函数来处理按钮点击事件。例如：

function handleClick() {
  console.log('Button clicked');
}

在这个例子中，点击按钮时会在浏览器的控制台中输出一条日志。

2. 使用 `addEventListener` 方法

另一种添加监听器的方式是使用 `addEventListener` 方法。例如：

<button id="my-button">Click me</button>

在 HTML 中，我们只需要为按钮添加一个 `id` 属性，以便在 JavaScript 中引用它。然后在 JavaScript 中，我们可以使用以下代码为按钮添加监听器：

var button = document.getElementById('my-button');
button.addEventListener('click', function() {
  console.log('Button clicked');
});

在这个例子中，我们首先使用 `document.getElementById` 方法获取了按钮元素，然后使用 `addEventListener` 方法为它添加了一个 `click` 事件的监听器，当按钮被点击时会执行这个监听器函数。需要注意的是，第二个参数是一个函数表达式，表示当按钮被点击时会执行这个函数。

无论使用哪种方式，都可以为按钮添加一个监听器来响应它的点击事件。具体应该选择哪种方式，取决于具体的应用场景和个人习惯。