Javascript 使用addEventListener或onclick方法在有人单击某个函数时执行该函数？

我正在练习DOM事件，注意我可以使用addEventListener或onclick方法在单击按钮时触发函数，但我想知道它们之间是否有逻辑上的区别？我们应该在什么时候使用？我对编程相当陌生

这是我的密码

测试
按钮-1
按钮-2

//按钮1的事件
文件
.getElementById（'myBtn-1'）
.addEventListener（“单击”，显示日期）；
//按钮2的事件
document.getElementById（'myBtn-2'）。onclick=displayDate；
//函数获取当前日期和时间
函数displayDate（）{
document.getElementById（'demo'）.innerHTML=Date（）；
}

主要区别在于onclick只是一个属性。与所有对象属性一样，可以指定一个内联事件。如果您多次写入，它将被覆盖。 另一方面，addEventListener（）可以对同一元素应用多个事件处理程序。它不会覆盖其他当前事件处理程序

这里有一个很好的链接

---

主要区别在于onclick只是一个属性。与所有对象属性一样，可以指定一个内联事件。如果您多次写入，它将被覆盖。 另一方面，addEventListener（）可以对同一元素应用多个事件处理程序。它不会覆盖其他当前事件处理程序

这里有一个很好的链接

---

onclick=

只能有一个值，如果赋值两次，则只调用第二个值

addEventListener（'click'，

可以多次添加，并且所有添加的处理程序都将被调用（取决于处理程序内部发生的情况）

onclick=

只能有一个值，如果分配两次，则只会调用第二个值…

addEventListener（‘单击’，

可以多次添加，所有添加的处理程序都将被调用（取决于处理程序内部发生的情况）