Bonjour, j'écris car j'ai un problème pour définir des fonction dans des boucles, comme on peu le voir dans le code ci dessous, je voudrai créer u certain nombre de div qui m'affiche leur numero quand je clique dessus. Comme on le voit ci dessous, je fais 200 div mais lorsque je clique sur ces div j'ai toujours 200 qui s'affiche c'est à dire la dernière valeur de i plus 1

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
for (i=1;i<200;i++) {
 
	var parz = document.getElementById('divstrok');
	var xxz = document.createElement("div");
	xxz.setAttribute("Style","position:absolute; top:100px; width:18px; height:18px; background-color:#000000; color:#FFFFFF;");
	xxz.id = 'a'+i;
	xxz.onclick = function() {alert(i)};
	xxz.style.left = 21*i+8+'px';
	parz.appendChild(xxz);
 
}
Alors j'aimerai savoir si quelqu'un pourrai me dire comment faire pour avoir le 1 qui s'affiche pour la premiere div, le 2 pour la deuxieme, ect ... ?

J'ai essayé beaucoup de méthodes différentes mais rien ne marche :/

Merci