Javascript 三次尝试后让用户继续
在我的拼写游戏中,有一个由单词填充的网格。单词是隐藏的,游戏的目的是通过声音和图片来拼写突出显示的单词 要突出显示单词,请按“下一步”按钮。现在,如果你拼写正确,它会说“干得好”,你可以进入下一个单词,但如果拼写错误,你必须不断尝试这个单词,直到它完成 由于游戏是专为儿童设计的,我不认为这是最好的方法,所以我想让它在3次错误的尝试后,你可以前进 我已经玩了这么多的脚本试图把计数器错误的尝试,然后使按钮活跃,但似乎无法让它工作。有人能帮我吗 这是按钮的脚本Javascript 三次尝试后让用户继续,javascript,jquery,Javascript,Jquery,在我的拼写游戏中,有一个由单词填充的网格。单词是隐藏的,游戏的目的是通过声音和图片来拼写突出显示的单词 要突出显示单词,请按“下一步”按钮。现在,如果你拼写正确,它会说“干得好”,你可以进入下一个单词,但如果拼写错误,你必须不断尝试这个单词,直到它完成 由于游戏是专为儿童设计的,我不认为这是最好的方法,所以我想让它在3次错误的尝试后,你可以前进 我已经玩了这么多的脚本试图把计数器错误的尝试,然后使按钮活跃,但似乎无法让它工作。有人能帮我吗 这是按钮的脚本 var noExist = $('td[
var noExist = $('td[data-word=' + listOfWords[rndWord].name + ']').hasClass('wordglow2');
if (noExist) {
$('.minibutton').click();
} else {
$('.minibutton').click('disable');
$("#mysoundclip").attr('src', listOfWords[rndWord].audio);
audio.play();
$("#mypic").attr('src', listOfWords[rndWord].pic);
pic.show();
}
});
“wordglow2”是拼写正确时应用的样式。这里有一把小提琴来帮助理解 将全局变量添加到脚本中
var numberOfTries = 0;
接下来,在$('.drag')中。在('click')侦听器回调上,您有一个if语句,用于确定单词是否正确:
if (!$('.drop-box.spellword:not(.occupied)').length)
在if语句中,将numberofthries重置为0。在else语句中,您将放置:
numberOfTries++;
if (numberOfTries >= 3)
{
$('.minibutton').prop('disabled', false);
}
这将计算尝试次数,第三次尝试后,将启用“下一步”按钮。一旦用户得到一个正确的单词,它会将变量重置为0。您可以使用jQuery的.data()函数为每个TR附加一个计数器。如果尝试失败,则增加计数器,并根据该值决定是否禁用或启用按钮。我修改了您发送的JSFIDLE并添加了此行为。看一看这里有注释//编辑的行(可以按Ctrl+F键查找)
你那把小提琴里的代码太多了。编辑它,使它只有相关的代码位。你需要使点击成为它自己的功能。当您调用
时,单击('disable')
,它什么也不做。你应该使用.on()
和.off()
@codemonkey你想要一个简化的版本吗?@ohgod为什么你能给我举一个函数的例子?我认为只看到相关的位而不是核心功能周围的所有其他东西会有帮助。如果你有一把小提琴,我似乎无法让它工作@Kyle Somogyi谢谢你对DanilF的巨大帮助