Question

以下文字生成随机数字,计算答案。

下一步是,我要回答丹麦难民保护局,并在那里放置一个文本区。然后,你们必须拿出答案,如果答案正确,那么答案就应当绿色。

我知道这样做是可能的,但我却在互联网上找不到成功,因此我会提出问题。

页: 1

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

Answer 1

这一答复实际上与@gillesc s,但使用j 做重提的金字标/代码,如果你有的话,你应当使用。 (缩短)



Javascript Code: jsFiddle

$(function() {
    var checkAnswer = function(elem) {
        if ($(elem).data( calc ) == $(elem).val()) {
            $(elem).css( background-color ,  green );
        } else {
            $(elem).css( background-color ,  white );
        }
    };
    var div = $( #breuken );

    for (var 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);

        var qa = $( <span>  + fRandom +   -   + sRandom + 
              = <input type="text"></span><br /> );
        qa.find( input ).change(function() {
            checkAnswer(this);
        }).data( calc , calc);
       div.append(qa);
    }
});

Answer 2

Try this http://jsfiddle.net/r4QTQ/

它确实是基本的绿色改变,但应当足以使你改变和正确改变你们想要的东西。

Answer 3

创立了这一j Query demo,如果你使用j Query,可能有助于你正确方向。

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

希望!

友情链接