讓用戶在三次嘗試后繼續進行

Question

在我的拼寫游戲中，有一個填充了單詞的網格。 這些單詞是隱藏的，游戲的目的是拼寫借助聲音和圖片突出顯示的單詞。

要突出顯示單詞，請按“下一步”按鈕。 目前，如果你拼寫正確的單詞，它說“做得好”，你可以前進到下一個單詞，但如果你拼寫錯誤，你必須繼續嘗試這個單詞，直到它完成。

由於游戲是為兒童設計的，我不認為這是最好的方法，所以我想這樣做，這樣你可以在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”是單詞拼寫正確時應用的樣式。 這是幫助理解的小提琴...... http://jsfiddle.net/smilburn/ZAfVZ/4/

Answer 1

向腳本添加全局變量

var numberOfTries = 0;

接下來，在$（'。drag'）。on（'click'）偵聽器回調中，您有一個if語句，用於確定單詞是正確還是不正確：

if (!$('.drop-box.spellword:not(.occupied)').length)

在if語句中，將numberOfTries重置為0.在else語句中，您將放置：

numberOfTries++;
if (numberOfTries >= 3)
{
    $('.minibutton').prop('disabled', false);
}

這將計算嘗試次數，並在第三次嘗試后，將啟用“下一步”按鈕。 一旦用戶獲得正確的單詞，它將把變量重置為0。

Answer 2

你可以做的是使用jQuery的.data（）函數將計數器附加到每個TR。 在嘗試失敗時，遞增計數器並根據該值確定是否禁用或啟用按鈕。 我修改了你發送的jsfiddle並添加了這個行為。 看看有這條評論的行（你可以用Ctrl + F找到它）//在這里編輯

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