HTML/Javascript 按鈕點擊計數器
[英]HTML/Javascript Button Click Counter
問題描述
我以前做過類似的事情，我知道這真的很接近。 我只是想讓我的按鈕增加 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>
5 個解決方案
解決方案1
42 已采納 2014-03-14 10:49:14
使用var代替int生成clicks變量，使用onClick代替click作為函數名：
var clicks = 0; function onClick() { clicks += 1; document.getElementById("clicks").innerHTML = clicks; };
<button type="button" onClick="onClick()">Click me</button> <p>Clicks: <a id="clicks">0</a></p>
在 JavaScript 中，變量是用var關鍵字聲明的。 沒有像int 、 bool 、 string類的標簽來聲明變量。 您可以使用“typeof(yourvariable)”獲取變量的類型，您可以在 Google 上找到更多關於此的支持。
JavaScript 為函數名稱保留了名稱“click”，因此您必須使用其他名稱。
解決方案2
8 2014-03-14 11:06:52
不要使用“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>
解決方案3
2 2014-03-14 10:49:06
查看您有拼寫錯誤的代碼后，這是更新后的代碼
var clicks = 0; // should be var not int
function clickME() {
clicks += 1;
document.getElementById("clicks").innerHTML = clicks; //getElementById() not getElementByID() Which you corrected in edit
}
注意：不要使用內置處理程序，因為.click()是 javascript 函數嘗試給出不同的名稱，如clickME()
解決方案4
0 2014-03-14 10:53:21
<!DOCTYPE html>
<html>
<head>
<script>
var clicks = 0;
function myFunction() {
clicks += 1;
document.getElementById("demo").innerHTML = clicks;
}
</script>
</head>
<body>
<p>Click the button to trigger a function.</p>
<button onclick="myFunction()">Click me</button>
<p id="demo"></p>
</body>
</html>
這應該對你有用:) 是的，應該使用var
解決方案5
0 2017-12-19 10:39:21
通過此代碼，您可以獲得按鈕的點擊次數。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Button</title>
<link rel="stylesheet" type="text/css" href="css/button.css">
</head>
<body>
<script src="js/button.js" type="text/javascript"></script>
<button id="btn" class="btnst" onclick="myFunction()">0</button>
</body>
</html>
----------JAVASCRIPT----------
let count = 0;
function myFunction() {
count+=1;
document.getElementById("btn").innerHTML = count;
}
Javascript / HTML：如何實現在點擊時添加點擊計數器的按鈕？
[英]Javascript/HTML: How to implement a button that adds a click counter on click?
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.