onclick和addeventlistener

onclick 和 addEventListener 都是用于添加事件监听器的方法，用于在特定事件发生时执行相应的代码。

onclick 是 DOM 元素的一个属性，它接受一个函数作为值，当用户单击该元素时，该函数将被调用。例如：

<button onclick="alert('Hello World!')">Click me!</button>

addEventListener 是 DOM 元素的一个方法，它允许你添加多个事件监听器，并且可以控制事件的捕获或冒泡阶段。例如：

const button = document.querySelector('button');
button.addEventListener('click', function() {
  alert('Hello World!');
});

在使用 addEventListener 时，还可以使用 removeEventListener 方法来移除事件监听器，例如：

function handleClick() {
  alert('Hello World!');
}

const button = document.querySelector('button');
button.addEventListener('click', handleClick);

// 稍后移除事件监听器
button.removeEventListener('click', handleClick);

总的来说，addEventListener 更加灵活，可以添加多个事件监听器，并且可以更好地控制事件的捕获或冒泡阶段。而 onclick 则比较简单，适合在少量情况下使用。