javascript - Javascript / jQuery 加法游戏

Question

我正在开发一个 Javascript 数学游戏，可以使用一些指导。我需要创建一个有 10 个问题的游戏，一次向用户展示一个问题，以便简单添加。我开始做某事，但已经遇到麻烦了。我还需要一些方法来向用户展示他们最终得到的正确和错误的答案。

有什么可用的帮助吗？这将不胜感激。

我在处理它时已经包含在答案中，但显然我需要用户自己提交答案并存储它。

这是一个小提琴：

$(document).ready(function() {

    //declare arrays and variables for use below
    var pNum1 = new Array(); 
    var pNum2 = new Array();
    var pNumCarry=0;
    var pNumAns = new Array();
    var ans = new Array();
    var score=0;

    function pNumGen(x) { 
        pNum1[x] = (Math.round(Math.random()*51));
        pNum2[x] = (Math.round(Math.random()*51));
        pNumAns [x] = pNum1[x] + pNum2[x];
        $(".pNum1").html(pNum1[x]);
        $(".pNum2").html(pNum2[x]);
        $(".pNumAns").html(pNumAns[x]);
    }

    $(".Play").click(function() {
        pNumTrack = 0;
        pNumGen(pNumTrack);
    });
});

Answer 1

要获取用户输入，您可能需要查看window.prompt：

至于最终向用户提供正确/错误的答案，这是一个非常不具体的问题，取决于您如何实现游戏的其余部分。一种可能性可能是使用一个数组，您可以在每次猜测后将一些文本推送到其中，例如“问题#1：15 + 39 = 105 - 不正确”，然后在游戏结束时循环并打印数组内容。

Answer 2

好的。我刚刚创建了一个小例子，你可以如何开始创建你的游戏：

http://jsfiddle.net/ePjGs/1/

$(function() {
    getQuestion();
});

var count = 0,    
    results = [];
function getQuestion() {
    count++;
    var container = $('<div />');
    var val1 = Math.round(Math.random()*51);
    var val2 = Math.round(Math.random()*51);
    var lbl = $('<label />');
    lbl.html(val1 + ' + ' + val2 + ' = ');
    container.append(lbl);
    var input = $('<input type="text" />');
    container.append(input);
    var btn = $('<input type="button" value="Submit result" />');
    var val;
    btn.click(function() { 

        results.push({
            number1 : val1,
            number2 : val2,
            answer : input.val()
        });

        input.attr('disabled', true);
        $(this).attr('disabled', true);

        $(this).after(function() {
            if(val1 + val2 == input.val()) return 'SUCCESS!';
            return 'ERROR';
        });

        getQuestion(); 

        updateResults();
    });
    container.append(btn);
    $('body').append(container);
}

function updateResults() {
    $('#json').html(JSON.stringify(results));
}