Javascript-隐藏的数学答案。

下面的脚本生成随机数，并计算答案

接下来，我想把答案隐藏起来，并在那里放置一个文本区域。然后你必须输入一个答案，当答案正确时，它应该使答案变成绿色

我知道这是可能的，但我在互联网上搜索它却没有成功，所以我创造了一个问题

以下是脚本：

<div id="breuken"></div>

$(function () {
    var number = document.getElementById("breuken");
    var i = 0;
    for (i = 1; i <= 10; i++) {
        var sRandom = Math.floor(Math.random() * 10);
        var fRandom = Math.floor(sRandom + Math.random() * (10 - sRandom));
        var calc = Math.abs(fRandom - sRandom);
        number.innerHTML += "" + fRandom + " - " + sRandom + " = " + calc + "<br />";
    }
    number.innerHTML;
});

$（函数（）{
变量编号=document.getElementById（“breuken”）；
var i=0；
对于（i=1；i试试这个

它可以改变基本的绿色，但应该足以让你修改和做你想做的事情。
这个答案实际上与@gillesc的答案相同，但使用
jQuery
来完成繁重的工作，如果你手头有它，你应该使用它。（而且更短）

Javascript代码：

$（函数（）{
var checkAnswer=功能（元素）{
if（$（elem.data（'calc'）==$（elem.val（））{
$（elem.css（'background-color'，'green'）；
}否则{
$（elem.css（'background-color'，'white'）；
}
};
var div=$（'布雷肯'）；
对于（变量i=0；i<10；i++）{
var sRandom=Math.floor（Math.random（）*10）；
var-fRandom=Math.floor（sRandom+Math.random（）*（10-sRandom））；
var calc=Math.abs（fRandom-sRandom）；
变量qa=$（''+fRandom+'-'+sRandom+
“=
”）；
qa.find（'input'）.change（function（）{
核对答案（本）；
}).数据（“计算”，计算）；
附加分部（质量保证）；
}
});
创建了这个jQuery，如果您使用jQuery，它可能会在正确的方向上帮助您

var $questions = $('<div />').attr('id', 'questions');
for (var i = 1; i <= 3; i++) {

    var question = "Question " + i + "?";
    var answer = i;

    $questions.append(
        $('<div />')
            .attr('id', 'question' + i)
            .addClass('question')
            .append(
                $('<span />').text(question)
            )
            .append(
                $('<input type="text" />')
                    .addClass('answer')
                    .data('answer', answer)
            )
    );
}
$('#container').empty().append($questions);

var$questions=$（''）.attr（'id'，'questions'）；
对于（var i=1；我不知道，不是家庭作业，只是想学习。你的问题没有什么意义……试着用一个你真正想做的例子来扩展一下！这样做了，我希望你现在就明白了。var
calc
是需要用输入替换的答案吗？你使用的是哪个框架，
jQuery
？你使用的是
$
，是jQuery吗？哇，太棒了，谢谢你，帮了我很多忙！
var $questions = $('<div />').attr('id', 'questions');
for (var i = 1; i <= 3; i++) {

    var question = "Question " + i + "?";
    var answer = i;

    $questions.append(
        $('<div />')
            .attr('id', 'question' + i)
            .addClass('question')
            .append(
                $('<span />').text(question)
            )
            .append(
                $('<input type="text" />')
                    .addClass('answer')
                    .data('answer', answer)
            )
    );
}
$('#container').empty().append($questions);