js事件绑定的三个方法

比如绑定一个button按钮提交

第一种
<button onclick="alert('点击得到的效果')">dianwo</button><!--绑定事件 onmouuseover鼠标移到按钮就会触发-->

<button onmouseover="eventHandler()">点我</button>

 function eventHandler(){
            alert('hello world')
            alert('点击得到的效果')           
        }
第二种
最好做到分离 代码放到了js
 <button id="btn" >点老子</button>
 document.querySelector('#btn').οnclick=eventHandler
  function eventHandler(){
            alert('hello world')
            alert('点击得到的效果')
            }
想要输出第二次 第一次会被覆盖 所以可以用第三种
        第三种
        <button id="btn" >点老子</button>
       
         document.querySelector('#btn').addEventListener('click,sayhello')
        document.querySelector('#btn').addEventListener('click,sayooo')
        function sayhello(){想要输出的东西}
        function sayooo(){想要输出的东西}

document.querySelector('#btn').addEventListener('cilck',function(){alret('想要输出的东西')
})
</style>