我正在为儿童创建一个拼写游戏,其中空格在网格中突出显示,并通过拖动网格一侧的相应字母给出正确拼写单词的线索。
如果你得到正确的单词,网格中的空间会随着“wordglow2”的使用而消失。如果你弄错了,它会用“wordglow4”发红光。
这适用于 3 个字母的单词,因为我认为这些将是我将在网格中使用的唯一单词。现在我被告知它需要在某个点上扩展它,当我添加更大的单词时,脚本会在 3 个丢弃的字母后确认它们,即使它是 5 个长。
这是当前说 if (word == 3) 然后应用样式的代码...
if (guesses[word].length == 3) {
if (guesses[word].join('') == word) {
$('td[data-word=' + word + ']').addClass('wordglow2');
$(right).val('Right!');
$(right).show();
audioS.play();
$('.counter').html(completeWords + '/6').show();
$(wrong).hide();
$('.minibutton').prop('disabled', false);
我需要它考虑到单词的大小,然后如果它是正确的,那就做剩下的。