Native JS에서 현재 클릭한 버튼의 Index 값을 가져오기 > Javascript

현재 클릭한 버튼의 Index 값을 가져오고 싶을때...

 

------------ HTML ------------

<ul>
  <li><button>1</button></li>
  <li><button>2</button></li>
  <li><button>3</button></li>
  <li><button>4</button></li>
  <li><button>5</button></li>
</ul>

 

 

------------- JS -----------------------------

 

var btns = document.getElementsByTagName("button");

for(var i=0; i<btns.length; i++){
  (function(i){
    btns[i].addEventListener("click", aa)
    function aa(){ console.log("i="+i); }
  })(i);
}
 

 

-------- Output ------

i=0
i=1
i=2