1

我正在创建一个简单的算术游戏。基本上我现在所处的位置是我有一个填充了数字的网格。网格的一侧是数字 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);
            }


        }
    });

}

});
4

0 回答 0