Jum*_*poy 14 html javascript counter click
我之前做过类似的事情,我知道这非常接近.我只是想让它按钮增加javascript变量,然后函数显示新值.
<html>
<head>
<title>Space Clicker</title>
</head>
<body>
<script type="text/javascript">
int clicks = 0;
function click() {
clicks += 1;
document.getElementById("clicks").innerHTML = clicks;
};
</script>
<button type="button" onClick="click()">Click me</button>
<p>Clicks: <a id="clicks">0</a></p>
</body></html>
Run Code Online (Sandbox Code Playgroud)
Ree*_*ube 32
对于"点击"变量生成使用var而不是int,使用'onClick'而不是'click'作为函数名称:
<html>
<head>
<title>Space Clicker</title>
</head>
<body>
<script type="text/javascript">
var clicks = 0;
function onClick() {
clicks += 1;
document.getElementById("clicks").innerHTML = clicks;
};
</script>
<button type="button" onClick="onClick()">Click me</button>
<p>Clicks: <a id="clicks">0</a></p>
</body></html>
Run Code Online (Sandbox Code Playgroud)
在JavaScript变量中使用'var'标记声明,没有像int,bool,string ...这样的标记来声明变量.您可以使用'typeof(yourvariable)'获取变量的类型,您可以在Google上找到更多支持.
并且"click"这个名称由JavaScript保留用于函数名,因此您必须使用其他任何东西.
小智 6
不要将单词“ click”用作函数名称。这是JavaScript中的保留关键字。在下面的代码中,我使用了“ hello”功能而不是“ click”
<html>
<head>
<title>Space Clicker</title>
</head>
<body>
<script type="text/javascript">
var clicks = 0;
function hello() {
clicks += 1;
document.getElementById("clicks").innerHTML = clicks;
};
</script>
<button type="button" onclick="hello()">Click me</button>
<p>Clicks: <a id="clicks">0</a></p>
</body></html>
Run Code Online (Sandbox Code Playgroud)