javascript - 让用户在三次尝试后继续

Question

在我的拼写游戏中，有一个填满单词的网格。单词是隐藏的，游戏的目的是在声音和图片的帮助下拼出突出显示的单词。

要突出显示一个词，请按“下一步”按钮。目前，如果您拼写正确，它会显示“well done”，您可以进入下一个单词，但如果拼写错误，您必须不断尝试拼写该单词，直到拼完为止。

由于该游戏是为 child 设计的，所以我认为这不是最好的方法，所以我想这样做，以便您可以在 3 次错误尝试后继续前进。

我一直在尝试使用脚本尝试对不正确的尝试进行计数，然后激活按钮，但似乎无法使其正常工作。有人可以帮帮我吗？

这是按钮的脚本

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”是单词拼写正确时应用的样式。这是帮助理解的 fiddle ... http://jsfiddle.net/smilburn/ZAfVZ/4/

Answer 1

您可以做的是使用 jQuery 的 .data() 函数为每个 TR 附加一个计数器。如果尝试不成功，请增加计数器并根据此决定是禁用还是启用按钮。我修改了您发送的 jsfiddle 并添加了此行为。查看包含注释的行(您可以按 Ctrl+F 来找到它)//Edits here

http://jsfiddle.net/dflor003/ZAfVZ/7/