onclick 与addeventlistener区别

`onclick` 是一个 HTML 元素属性，用于指定该元素被点击时执行的 JavaScript 代码。例如：

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

`addEventListener` 是一个 JavaScript 方法，用于将事件处理程序添加到指定元素。它可以用于添加多个事件处理程序，并且不会覆盖已存在的事件处理程序。例如：

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

因此，`onclick` 和 `addEventListener` 的区别在于它们的用法和功能。`onclick` 只能添加一个事件处理程序，而 `addEventListener` 可以添加多个事件处理程序。另外，`addEventListener` 还可以用于添加其他类型的事件处理程序，例如 `mouseover`、`keydown` 等。