統計もある小さなゲームを構築しています。勝利時間など。だから私はこのhtmlを作りました
<div id="stats">
<h2>Stats</h2>
<p>Win ratio: </p> <!-- Ignore this one -->
<p><span id="wincount"></span> wins / <span id="lostcount"></span> losses</p>
</div>
そして、ここにJavascriptコードがあります。重要なものだけが見えるように、少し短くしました。
var wontimes = 0;
var losstime = 0;
function getResult(){
var tie = "It's a tie!";
var won = "You have won!";
var lost = "You lost!";
switch(user){
case 1: // rock
switch(npc){
case 1: // rock
result = tie;
break;
case 2: // paper
result = lost;
break;
}
break;
case 2: // paper
switch(npc){
case 1: // rock
result = won;
break;
case 2: // paper
result = tie;
break;
}
break;
}
document.getElementById("gameresult").innerHTML = result;
if (result === won){
return wontimes = wontimes++;
} else if (result === lost){
return losstime = losstime++;
} else {
console.log("Tie");
}
document.getElementById("wincount").innerHTML = wontimes;
document.getElementById("lostcount").innerHTML = losstime;
}
ユーザーがボタンをクリックすると関数 getResult が呼び出され、機能しますが、問題があります。クリックした後。勝ったかどうかなどを教えてくれますが、勝ったことはカウントしません。私は、ユーザーが勝つたびに、wontimes が 1 プラスになり、それが に出力されるようにしたいと考えていました<span id="wincount"></span>
。デフォルトの 0 勝は表示されません。
誰かが私を助けることができますか?ありがとうございました。