JavaScript document.querySelectorAllでaddEventListenerを指定するには

Question

前提・実現したいこと

document.querySelectorAllでaddEventListenerを指定するにはどうしたらいいんでしょうか？
下記ソースではできませんでした
詳しい方回答お願いいたします

該当のソースコード

<script>
window.onload=function(){
Array.from(document.querySelectorAll('.item'), item => {
item.addEventListener("click",function(){
alert("hello");
});
});
}
</script>

 <ul>
  <li class="item">item1</li>
  <li class="item">item2</li>
  <li class="item">item3</li>
 </ul>

Answer 1

念の為考え方が２つあります

window.addEventListener('DOMContentLoaded', ()=>{
  document.querySelectorAll('.item').forEach(item =>{
    item.addEventListener("click",()=>{
      alert("hello");
    });
  });
});

もしくは

document.addEventListener("click",e=>{
  if(e.target.closest('.item')){
    alert("hello");
  };
});

Comments

[退会済みユーザー]

ぶひー！！！！！
手法は色々あるんですね
勉強になります

Answer 2

解決しました
ありがとうございました
ぶひひひひ

Comments

[miyabi_pudding]

解決したなら解決方法を提示してください。

[退会済みユーザー]

ブヒブヒッ