如何提交输入字段的值?

时间:2014-01-28 18:18:13

标签: javascript jquery html5

我有一个部分有效的数学游戏。我需要做的是取div的值(一个是x而另一个是y),输入那两个的答案相乘,能够提交并刷新以解决另一个。
任何帮助将不胜感激!

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

<script type="text/javascript">
    function myFunction() {
        score = 0;
        var number = document.getElementById('inputElement').value;
        questionAmount = number;

        for(i = 0; i < questionAmount; i++) {
            var x = Math.floor(Math.random() * 13);
            var y = Math.floor(Math.random() * 13);

            $('#input1').text(x);
            $('#input2').text(y);

            <!-- question = prompt('What is ' + x + ' * ' + y + ' = ?'); -->
            question = document.getElementById('answer').value;

            if(question == null || isNaN(question)) {
                break;
            }
            if(question == x * y) {
                score++;
            }
        }

        alert('You got ' + score + ' out of ' + questionAmount + ' correct.');
    }
</script>

1 个答案:

答案 0 :(得分:0)

尝试使用按钮绑定进程。单击左键,生成问题。 然后单击右侧,验证答案。

演示:Fiddle

    var score = 0;
    var questions = [];
    // Generate 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());
    });
    // Verify the answer
    $('#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());
            } else {
                alert('err');
            }
        }
    });
    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);
        }
    };