JavaScript addEventListenerが上書きされない

Question

下記の流れでボタンにaddEventListenerを二つ設定しました
１つ目が上書きされるものと思ったら、されないようです
どのようにしたら上書きされるでしょうか
ボタンにすでにaddEventListenerが設定されていた場合の判定処理方法等ありませんでしょうか

上書き、できなければ、二つ目のaddEventListenerを付ける際に既に設定されているか判定処理したいです

ご存知の方お願いします

<script>
window.onload=function(){

Array.from(document.querySelectorAll("input[type='button']"), i => {
i.addEventListener('click', function() {
alert("hello");
});
});

Array.from(document.querySelectorAll("input[type='button']"), i => {
i.onclick="";
i.addEventListener('click', function() {
alert("hello");//alertが２回出ることから上書きされない
});
});


}
</script>

<input type="button">
<input type="button">

Answer 1

コールバック関数を保持しておいてremoveしてやるとよいでしょう

<script>
window.addEventListener('DOMContentLoaded', ()=>{
  const func1=()=>{alert("1");};
  const func2=()=>{alert("2");};
  [...document.querySelectorAll("input[type='button']")].forEach(i=>{
    i.addEventListener('click', func1);
  });
  [...document.querySelectorAll("input[type='button']")].forEach(i=>{
    i.removeEventListener('click', func1);
    i.addEventListener('click', func2);
  });
});
</script>
<input type="button">
<input type="button">

Answer 2

addEventListenerは上書きせず追加していくようなので
i.addEventListener('click', function() {});
をやめて
i.onclick = () => {};
としました。