jQuery保存分数

时间:2018-08-05 09:57:33

标签: jquery

如何通过输入来更新分数

目前,如果您输入10,则返回10,并且不会保存新分数。

我想要做的是,说我们进行第1轮,第2轮,第3轮

var score = 0

  

第1轮:我输入了5,所以我的新分数是5(可变分数= 5)

     

第2轮:我输入了10,所以我的新分数应该是15(可变分数= 15)

     

第3回合:我输入了50,所以我的新分数应该是65(可变分数= 65)

  <input id="number_1">
        <span id="counter">Total</span>
        <br>
    <button id="add_score">Add</button>

 <script>   
         var score = 0;
        $('#add_score').click(function(){
            scoreAdd = parseInt($('#number_1').val());
            totalScore = score + scoreAdd;
            $('#counter').html(totalScore);
        });
 </script>

1 个答案:

答案 0 :(得分:0)

替换行

totalScore = score + scoreAdd;
$('#counter').html(totalScore);

带有以下内容。

score = score + scoreAdd;
$('#counter').html(score);

var score = 0;
$('#add_score').click(function() {
  scoreAdd = parseInt($('#number_1').val());
  score = score + scoreAdd;
  $('#counter').html(score);
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
<input id="number_1">
<span id="counter">Total</span>
<br>
<button id="add_score">Add</button>