同じタグにイベントを追加する方法

同じタグにイベントを追加する方法について、jQueryで書く場合とJSで書く場合の違いのメモ

jQuery

$(function(){
  $('li').click(function(){
    let name = $(this).attr('class');
    alert(name);
  })
})

JavaScript

const tagName = document.getElementsByTagName('li');
//tagNameには配列が返ってくる。

for (let i = 0; i < 3; i++){
  tagName[i].addEventListener('click',function(){
    alert(tagName[i].className);
  })
}