2016-08-13 1 views
0

ユーザーが<button>をクリックすると、値を増やす必要があります。クリック時のJavascriptのインクリメント値(ワンクリックで動作する++)

私のスクリプトはうまくいきますが、2回目のクリックをすると、最初の値にぶら下がってしまいます。

どうしたらいいですか?

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 } 
 
};

+2

に動作します、あなたはクリックをリッスン一部を投稿することができますか?そして、あなたは関数がそれぞれのクリックを発射していることは確かですか? – Utkanos

+1

あなたはglobal_scoreを0か何かに初期化できますか? – Smit

+0

globalscoreを入手している –

答えて

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; 
    } 
}; 
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>

関連する問題