如何使用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中的循环创建多个点击事件
  • 易语言自定义外形按钮
  • 三国乱世如何招募甘宁和66级甘宁副本攻略
  • 怎么更改易语言的窗口标题
  • 易语言怎么取一个日期的月份?
  • 易语言到循环尾实例讲解
  • 热门搜索
    数学手抄报内容 重阳节的手抄报 春节手抄报 我的祖国手抄报 端午节的手抄报 社会主义核心价值观手抄报 爱路护路手抄报 中秋节手抄报 爱眼手抄报简单又漂亮 传统文化手抄报