从答案中产生有效的金额

时间:2012-10-16 08:47:40

标签: javascript jquery

我正在创建一个简单的计算游戏。基本上我在的地方,目前我有一个填充数字的网格。在网格的一侧是数字0-9。当网格中隐藏的数字突出显示时,用户应单击侧面的正确数字。如果它是正确的,它应该采用“wordglow3”类,如果它是错误的,它应该采用“wordglow4”类。完成整数后(如果长度超过一个数字)。应该接管一些额外的类来确定整数是对还是错。右边是“wordglow2”,错误的是“wordglow”。

基本上,目标是随机产生一个总和,使得网格中的数字成为总和的答案。我打算通过列出附加到每个数字的一​​些总和来手动执行此操作,但我认为如果脚本根据网格中突出显示的答案产生总和会更好。这样就不会有那么多的后端编辑,并且会有更多的随机化。

我在网上找了这个例子,但没有运气。有人能指出我正确的方向吗?

这是目前的清单..

<ul style="display:none;" id="answerlist">

    <li data-answer="1" data-add=""></li>

    <li data-answer="2" data-add=""></li>

    <li data-answer="3" data-add=""></li>

    <li data-answer="4" data-add=""></li>

    <li data-answer="5" data-add=""></li>

    <li data-answer="6" data-add=""></li>

    <li data-answer="7" data-add=""></li>

    <li data-answer="8" data-add=""></li>

    <li data-answer="9" data-add=""></li>

    <li data-answer="10" data-add=""></li>

    <li data-answer="11" data-add=""></li>

    <li data-answer="12" data-add=""></li>

    <li data-answer="13" data-add=""></li>

    <li data-answer="14" data-add=""></li>

    <li data-answer="15" data-add=""></li>

  </ul>

正如你所看到的,我想从加法开始,然后在我知道如何做之后再向更难的操作员发展。

这是接受用户选择的脚本..

if ($('.drop-box.spellanswer').length == answerIsCorrect) {

                $('.drop-box.spellanswer').addClass('answerglow2');
                $(right).val('Right!');
                $(right).show();
                success.play();
                $(wrong).hide();
                score.right++;
                score.attempts++;

                if (score.right == 3) {

                    $('.answers').css('visibility', 'visible');
                    $('.answers').html("Well done! </br> You correctly spelt " + score.right + ". </br> Keep it up.").show();
                    $('table').fadeOut(3000);
                    $('.right').hide();
                    $('.box-style2').hide();
                    $('.box-style').hide();
                    $('.picstyle').hide();
                    $('.play').hide();
                    $('.minibutton2').hide();
                    $("#mysoundclip").attr('src', listOfWords[rndWord].audio);
                    audio.stop();
                    $("#mypic").attr('src', listOfWords[rndWord].pic);
                    pic.hide();

                }

                setTimeout(function() {
                    jQuery('.minibutton').trigger('click');
                }, 1500);

                setTimeout(function() {
                    jQuery(right).hide();
                }, 1500);

            } else {

                $('.drop-box.spellanswer').addClass("answerglow4").css('color', 'transparent');
                $(wrong).val('Wrong');
                $(wrong).show();
                failure.play();
                $(right).hide();
                score.wrong++;
                score.attempts++;

                if (score.wrong == 3) {

                    $(".minibutton").css('visibility', 'visible').prop('disabled', false);

                }

                $('.drop-box.spellanswer').animate({
                    'opacity': 1
                }, 2000, function() {
                    $(this).removeClass('answerglow4').removeClass('occupied').html('')

                });
                setTimeout(function() {
                    jQuery(wrong).hide();
                }, 1500);
            }


        }
    });

}

});

0 个答案:

没有答案