主页 / 问题 / 757306
Accepted
Streammer
Asked:2020-12-12 21:21:00 +0000 UTC2020-12-12 21:21:00 +0000 UTC

将数字从 1 打印到控制台的按钮。根据点击次数

  • 772

有一个带有一个按钮的简单 html 页面。每次按下它，都会生成一个带有数字的列表。第一次按应该显示第一个，第二个两个，依此类推。虽然我想确保数字显示在控制台中。我尝试将事件处理程序放在循环中。但循环的最后一个值显示在控制台中。我做错了什么？

var b = document.getElementById('button');
var c = function() {
  console.log(i);
}
for (var i = 0; i < 10; i++) {
  b.addEventListener("click", c, false);
}
<input type="button" name="Button" id="button" value="Click Me">

javascript

2 个回答

  1. Best Answer

    这里不需要循环。我们需要一个外部变量，它将被显示

    var b = document.getElementById('button');
var i = 0;
var c = function() {
  console.log(i);
  i++;
}

b.addEventListener("click", c, false);
    <input type="button" name="Button" id="button" value="Click Me">

    • 3

  2. 也可以是这样...

    var btn = document.getElementsByTagName('button')[0];
var i = 0;
btn.addEventListener('click', function() {
  console.log(i++);
})
    <button>Click Me</button>

    • 3

相关问题