JSFiddle - React, Tailwind, and code Playground

by xu xiaofei

HTML

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

JavaScript

var li = document.querySelectorAll('li');
for(var i=0;i<li.length;i++){
	li[i].onclick=(function(i){
		//console.log(i)
		return function(){
			console.log(i)
		}
	})(i);
}

/*for(var i=0;i<li.length;i++){
	li[i].onclick=function(){
		return (function(i){
			console.log(i)
		})(i)
	};
}*/