【问题标题】：button not working on simple html clicker game按钮在简单的 html Clicker 游戏上不起作用
【发布时间】：2017-12-15 19:29:49
【问题描述】：
我开始尝试制作一个简单的点击器游戏，但我一直无法让按钮正常工作。我已经尝试了几个小时，请帮忙。
<!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>
【问题讨论】：
标签：
javascript
html
button
【解决方案1】：
我只是在小提琴中弄乱它并让它工作。 http://jsfiddle.net/rBpVD/8783/。将 click() 替换为 myFunction()。不太清楚为什么，但可能与其他点击功能有冲突。
<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>
【解决方案2】：
<button> 元素可能正在吞噬点击事件，因此<a> 元素永远不会获得点击。尝试将onclick 移动到<button> 元素并用一些静态文本替换<a> 标记。