如何使用JavaScript中的循环创建多个点击事件

时间:2024-10-13 13:39:29

1、第一步,双击打开HBuilder工具,新建Web项目并创建一个静态页面,如下图所示:

如何使用JavaScript中的循环创建多个点击事件

2、第二步,再向主体元素中插入一个div标签,并设置div的ID属性值,如下图所示:

如何使用JavaScript中的循环创建多个点击事件

3、第三步,插入<script></script>标签,调用window.onload初始化就调用JS方法,如下图所示:

如何使用JavaScript中的循环创建多个点击事件

4、第四步,保存代码并打开浏览器,可以看到生成一系列数字,然后点击数字查看控制台打印结果,如下图所示:

如何使用JavaScript中的循环创建多个点击事件

5、第五步,结果发现第四步打印结果都是10,接着将for循环语句中的var改为let,如下图所示:

如何使用JavaScript中的循环创建多个点击事件

6、第六步,然后再次保存并查看效果,并点击对应的数值,查看打印结果,如下图所示:

如何使用JavaScript中的循环创建多个点击事件
© 手抄报圈