2014-01-29 129 views
1

我有一個簡單的數學遊戲下面修改/編輯的代碼。你輸入一個你想解決的金額,然後你解決它!試圖創建一個數學遊戲

我現在面臨的問題是,在最後,它只顯示分數。

我想讓它不僅顯示分數,而且還顯示您輸入的解決問題的數量。因此它更多的是「你得到的」得分「出來」的問題輸入正確。以下是代碼和小提琴的鏈接。

http://jsfiddle.net/justinw001/Mttw6/12/

$(function() { 
    var score = 0; 
    var questions = []; 
    $('#gen').click(function() { 
     score = 0; 
     questions = []; 
     var questionAmount = parseInt($('#inputElement').val(), 10); 
     for (var i = 0; i < questionAmount; i++) { 
      var q = { 
       x: Math.floor(Math.random() * 13), 
       y: Math.floor(Math.random() * 13) 
      }; 
      questions.push(q); 
     } 
     nextQuest(questions.pop()); 
    }); 
    $('#sub').click(function() { 
     var ans, x, y; 
     if (questions.length >= 0) { 
      ans = parseInt($('#answer').val(), 10); 
      x = parseInt($('#input1').text(), 10); 
      y = parseInt($('#input2').text(), 10); 
      if (ans === x * y) { 
       score++; 
      } 
      nextQuest(questions.pop()); 
     } 
    }); 
    var nextQuest = function (q) { 
     if (q) { 
      $('#input1').text(q.x); 
      $('#input2').text(q.y); 
      $('#answer').val(''); 
      $('#inputElement').val(questions.length); 
     } else { 
      $('#input1, #input2').text(''); 
      $('#answer, #inputElement').val(''); 
      alert(score); 
     } 
    }; 
}); 
+2

你究竟在哪裏卡住了? –

+0

一個jsFiddle會在這裏幫助。 – j08691

+0

在我問的問題下方的頂端有一個小提琴。 – user2918151

回答

2

聲明questionAmount功能外

$(function() { 
    var score = 0; 
    var questions = []; 
    var questionAmount=0; //here 
    $('#gen').click(function() { 
     score = 0; 
     questions = []; 
     questionAmount = parseInt($('#inputElement').val(), 10); 

然後當你警惕這樣做

alert(score+" out of "+questionAmount + " correct"); 

DEMO

+1

非常感謝您親切的先生!這對我有很大的幫助。 – user2918151

0

Here是你想要的工作小提琴。只需添加一個var numberOfQs;,然後將其設置爲questionAmount並用分數提醒它。