點擊的Javascript增量值（單擊一次點擊加載）

Question

當用戶單擊<button>時，我需要增加一個值。

我的腳本可以工作，但當我做第二次點擊時，它掛在第一個值上。

請問這有什麼問題嗎？

var global_score; 
 
var current_score; 
 
function question_answer(event_sender, sent_answer) { 
 
\t global_score; 
 
\t current_score = document.querySelector(".game-current-score-main h2"); 
 
\t if(sent_answer == "increment") { 
 
\t \t global_score++; 
 
\t \t current_score.innerHTML = "Score:" + global_score; 
 
\t } 
 
\t else if(sent_answer == "decrement") 
 
\t { 
 
\t \t global_score--; 
 
     current_score.innerHTML = "Score:" + global_score; 
 
\t } 
 
};

Answer 1

var global_score = 0; // initialize 
var current_score; 
function question_answer(event_sender, sent_answer) { 
    global_score; // you do not need this line 
    current_score = document.querySelector(".game-current-score-main h2"); 
    if(sent_answer == "increment") { 
     global_score++; 
     current_score.innerHTML = "Score:" + global_score; 
    } 
    else if(sent_answer == "decrement") 
    { 
     global_score--; 
     current_score.innerHTML = "Score:" + global_score; 
    } 
}; 

Answer 2

你那裏幾乎沒有！所有您需要更改設置爲0全局值，那麼它會工作

https://jsfiddle.net/nmo5vmd3/

var global_score = 0; // change here 
 
    var current_score = 0; // change here 
 
    function question_answer(event_sender, sent_answer) { 
 
    \t global_score; // you do not need this line cause it does nothing 
 
    \t //current_score = document.querySelector(".game-current-score-main h2"); 
 
    \t if(sent_answer == "increment") { 
 
    \t \t global_score++; 
 
    \t \t current_score.innerHTML = "Score:" + global_score; 
 
    \t } 
 
    \t else if(sent_answer == "decrement") 
 
    \t { 
 
    \t \t global_score--; 
 
      current_score.innerHTML = "Score:" + global_score; 
 
    \t } 
 
     console.log(global_score); // you do not need this line, it does nothing 
 
    };

<div onclick="question_answer('xx', 'increment')"> 
 
     increment 
 
    </div> 
 
    <div onclick="question_answer('xx', 'decrement')"> 
 
     decrement 
 
    </div>