我正在创建一个简单的计算游戏。基本上我在的地方,目前我有一个填充数字的网格。在网格的一侧是数字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);
}
}
});
}
});