Javascript 如何将唯一变量传递给EventsStiner函数？

我很难将事件添加到对象和数组中，因此：
-我使用createElement创建了div，使用FOR循环添加了相同的类，然后将child附加到其他html标记中
-我想对div进行加法运算，并传递唯一变量（我来自FOR循环）
-它返回i max值；或者出错或者什么都不做
THX适用于任何类型的答案：D 我知道这是个简单的问题，但我在任何地方都找不到答案

window.onload=函数（）{
var sectionHTML=document.getElementById（'section'）；
对于（i=0；i
window.onload=function（）{
var sectionHTML=document.getElementById（'section'）；
对于（i=0；i，您不仅可以在添加处理程序时传递参数，还可以在父级中获取子级的索引-我在这里演示了如何同时执行这两个操作。注意，我添加了一些预先存在的子元素，以便您可以看到这是如何工作的


//立即调用的函数
（功能（）{
var sectionEl=document.getElementById（'section-used'）；
//添加框元素
让多少=5；
for（设i=0；i

.box{
边框：固体1px石灰；
边缘：0.5em；
}
#使用的部分{
边框：纯色2px蓝色；
}
.其他类别{
背景色：#dddddd；
}
.补充一件事{
边框：纯红1px；
}
.togle颜色{
颜色：#44dddd；
)

我已经在这里了
我已经是一号包厢了
我
这段代码对我帮助很大。现在我不必一直使用数组和FOR循环，这样可以节省时间。伙计，对于像我这样的初学者来说，这是一个让人大开眼界的代码：D但我花了一些时间来处理我脑海中的所有内容：D当我在这里升级时，我将能够给你like。
window.onload = function (){
  var sectionHTML = document.getElementById('section');
  for(i=0;i<5;i++) {
    var div_box = document.createElement('div');
    div_box.className = "box";
    div_box.dataset.box_id = i;
    div_box.innerText=i;
    sectionHTML.appendChild(div_box);
  }
  var getDIV = document.getElementsByClassName('box');
  for(i=0;i<5;i++) {
    getDiv[i].addEventListener("click", function () { myFunction(this.dataset.box_id); })
  }    
}
myFunction (i) {
 var myString = "PLS HELP THX BRO or SIS " + i;
 alert(myString);
}