button绑定onclick无效

今天我遇见一个问题，在测试onclick和addEventListener(‘click’,fn)是否生效的时候，发现onclick的方法一直无法触发，我以为是不能同时生效

 box.addEventListener( 'click', () => {
  console.log(1)
})
<button type="submit" id="box" οnclick="click()">321312</button>
function click() 
{
  console.log(4)
}

然后我继续测试 ，发现是取名的问题，fn在取名的时候不应该和dom中的属性同名，否则可能会导致一些错误
当我把fn名称改为btnClick的时候就生效了