数字が入力されたグリッドがある単純な計算ゲームを作成しています。数字は非表示で、ゲームを実行するとグリッド スペースが強調表示されます。横の div は、ユーザーが正しい答えを得るのに役立つ合計を生成します。次に、ユーザーは対応する数字をクリックして位置を決め、正しいか間違っているかを知らせます。
私が抱えている問題は、プログラムの実行時にトリガー(「クリック」)関数がグリッド内の領域をランダムに選択し、クラスを適用する必要があること.spellwordです。これにより、紫色の領域が強調表示され、回答を配置する場所が示されます。
プログラムを実行した瞬間に何も起こらず、その理由がわかりません。私は同じゲームを作りましたが、言葉でうまくいきました。
ボタンの機能はこちら
$('.minibutton').click(function() {
$('.minibutton').prop('disabled', false);
$('.picstyle').show();
$('td').removeClass('spellword');
var r = rndWord;
while (r == rndWord) {
rndWord = Math.floor(Math.random() * (listOfWords.length));
}
$('td[data-word="' + listOfWords[rndWord].name + '"]').addClass('spellword');
$('td[data-word=' + word + ']').removeClass('wordglow').removeClass('wordglow4').removeClass('wordglow3').css('color', 'transparent');
var noExist = $('td[data-word=' + listOfWords[rndWord].name + ']').hasClass('wordglow2');
if (noExist) {
$('.minibutton').click();
} else {
$('.picstyle').text(sum);
}
}).trigger("click");