如何使用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级甘宁副本攻略
  • 怎么更改易语言的窗口标题
  • 易语言怎么取一个日期的月份?
  • 易语言到循环尾实例讲解
  • 热门搜索
    青春痘怎么办 怎么快速消除黑眼圈 sofa怎么读 男生时尚发型 经营模式怎么写 无奈的近义词 怎么做汉堡 熟悉近义词 四面八方的近义词 舒展的近义词是什么