インクリメントとデクリメントが機能しない

Question

私は「良い」ボタン+1ポイントを作り、「間違った」ボタンを-1ポイントにしようとしています。今はそれをしません。

<script> 
 
    var score = 0; 
 

 
    function scoreplus() { 
 
    score = score++; 
 
    } 
 

 
    function scoremin() { 
 
    if (score > 0) { 
 
     score = score--; 
 
    } else { 
 
     score = 0; 
 
    } 
 
    } 
 
</script> 
 

 
<div class="points"> 
 
    <p id="punten"> 
 
    <script> 
 
     document.write(score); 
 
    </script> 
 
    </p> 
 

 
    <button class="" id="win" onclick="scoreplus();">GOOD</button> 
 
    <button class=" " id="lose" onclick="scoremin();">WRONG</button> 
 
</div>

あなたは私が間違って何をしたか見ていますか？

Answer 1

document.write()を1回だけ実行します。クリックはには影響しません。代わりにinnerHTMLを使用し、のHTMLの後に<script>を実行してください。

score = score++は正しい割り当てではありません。 score++で十分です。

<div class="points"> 
 
    <p id="punten"></p> 
 
    <button class="" id="win" onclick="scoreplus();">GOOD</button> 
 
    <button class=" " id="lose" onclick="scoremin();">WRONG</button> 
 
</div> 
 

 
<script> 
 
    var punten = document.getElementById("punten"); 
 
    var score = 0; 
 

 
    function scoreplus() { 
 
    score++; 
 
    punten.innerHTML = score; 
 
    } 
 

 
    function scoremin() { 
 
    if (score > 0) { 
 
     score--; 
 
    } else { 
 
     score = 0; 
 
    } 
 
    punten.innerHTML = score; 
 
    } 
 

 
    punten.innerHTML = score; 
 
</script>

Answer 2

も、この score = score++はまたあなたのスコア値は、現在のボタンのクリックで<p>タグ内に変更されることはありませんscore++またはscore = score+1

に変更する必要があります。