显示每个li的index

下面这个ul，如何用js点击每个li时，alert显示出他们各自的index呢？

   <ul id="test">
     <li>这是第一条</li>
     <li>这是第二条</li>
     <li>这是第三条</li>
   </ul>

window.onload = function () { 
     let lis = document.getElementsByTagName('li')
     for (let i=0; i<lis.length;i++){
       lis[i].index = i
       lis[i].addEventListener('click',function(){
        alert(`第${this.index+1}个li标签`)
       })
     }
   }

target.addEventListener(type, listener, useCapture)

target 文档节点、document、window 或 XMLHttpRequest

type 字符串，事件名称，不含“on”，比如“click”等

listener 实现EventListener接口或JavaScript中的函数

useCapture 是否使用捕捉，一般用 false。