Question

我在下面修改/编辑了一个简单的数学游戏代码。您输入要解决的金额然后解决它！

我现在遇到的问题是，在最后，它只显示得分。

我试图让它不仅显示分数，而且显示您输入要解决的问题数量。因此，更多的是“你得到”得分“输出”问题输入正确。下面是代码和小提琴的链接。

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

Answer 1

在函数

之外声明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

Answer 2

Here是你想要的工作小提琴。只需添加var numberOfQs;，然后将其设置为questionAmount并使用分数进行提醒。

试图创建一个数学游戏

2 个答案: