Question

我开始尝试制作一个简单的点击游戏，但我仍然坚持让按钮工作。我已经试了好几个小时请帮忙。

<!DOCTYPE html>
<script>
var number = 0;
var numberPerClick = 1;
</script>
<html>
<body>
<h1>number clicker</h1>
<p id="numbers"></p>
<button><a herf="#" onClick="click()">click</a></button>
<script>
document.getElementById("numbers").innerHTML = number;
function click() {
number += numberPerClick;
document.getElementById("numbers").innerHTML = number;
}
</script> 
</body>
</html>

Answer 1

我只是在小提琴中弄乱它并让它发挥作用。 http://jsfiddle.net/rBpVD/8783/。用myFunction（）替换click（）。不太清楚为什么，但可能与另一个点击功能发生冲突。

<body>
  <h1>number clicker</h1>
  <p id="numbers"></p>
  <button onClick="myFunction()">click</button>
  <script>
  var number = 0;
  var numberPerClick = 1;
  document.getElementById("numbers").innerHTML = number;
  function myFunction() {
    number += numberPerClick;
    document.getElementById("numbers").innerHTML = number;
  }
  </script> 
</body>

Answer 2

<button>元素可能吞噬了click事件，因此<a>元素永远不会获得点击。尝试将onclick移至<button>元素，并将<a>标记替换为一些静态文本。

按钮不工作简单的HTML点击游戏

2 个答案: