ボタンが押された回数をカウントする

クリックするたびにボタンを1つ追加してカウンタに追加する必要があります。 SOカウンタはこのようになります。カウンタ：0をクリックすると、ボタンがクリックされるとカウンタが1に移動します。これまでのところ、それは第1位までしか上がらない。ボタンが押された回数をカウントする

私のjsのコードは次のとおりです。

var $ = function (id) { return document.getElementById(id); }; 
var counter; 

function start(){ 

var button = document.getElementById("button"); 
window.addEventListener("click", count, false); 

}; 
function count(){ 
counter = document.getElementById("counter"); 
counter = counter+1; 

document.getElementById("count").innerHTML = counter; 

}; 

window.addEventListener("load", start, false);

私のhtmlコードは次のとおりです。

<html> 

<head> 

<title>12.5 valenti</title> 


<meta charset = "uft-8"> 
    <script type="text/javascript" src="12.5.js"></script> 
</head> 



<body> 

<div> 
<p><input type = "button" id="button" value = "button"></p> 
<p> count: <span id = "count">0</span></p> 


</div> 

</body> 

</html>

出典

2017-02-27 user6793644

このような要素は+1できません –

単にそれを実行してください。..

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>

出典

2017-02-27 02:48:22

あなたがやりますページにID #counterがなく、textContentを#countにして、数字を追加するには整数に変換する必要があります。

このライン

counter = document.getElementById("counter");

counter = parseInt(document.getElementById("count").textContent);

var $ = function(id) { 
 
    return document.getElementById(id); 
 
}; 
 
var counter; 
 

 
function start() { 
 
    var button = document.getElementById("button"); 
 
    window.addEventListener("click", count, false); 
 
}; 
 

 
function count() { 
 
    counter = parseInt(document.getElementById("count").textContent); 
 
    counter = counter + 1; 
 
    document.getElementById("count").innerHTML = counter; 
 
}; 
 

 
window.addEventListener("load", start, false);

<p><input type="button" id="button" value="button"></p> 
 
<p> count: <span id="count">0</span></p>

出典

2017-02-27 02:49:59

である必要があり、以下を試してみてください。

var my_button = document.getElementById('myButton'); 
 
myButton.addEventListener('click', function(){ 
 
\t ++document.getElementById('counter').innerHTML; 
 
});

<input type="button" id="myButton" value="Click"/> 
 
Counter: <label id="counter"></label>

出典

2017-02-27 02:55:34 Mamun

ボタンが押された回数をカウントする

答えて

関連する問題