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：

至于最终向用户提供正确/错误的答案，是一个非常不具体的问题，取决于你如何实现游戏的其余部分。一种可能性是使用array，您可以在每次猜测后推送一些文字，例如“问题＃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));
}

Javascript / jQuery加法游戏

2 个答案: