編集 - 正しい答えの作業カウンターがあり、間違った答えに対してまったく同じことをしましたが、それを機能させることはできません。複数カウントされません - http://jsfiddle.net/smilburn/Dxxmh/33/
空のスペースがグリッドで強調表示され、グリッドの横にある対応する文字をクリックすることで単語を正しく綴るための手がかりが与えられる、子供向けのスペリング ゲームを作成しています。
単語が正しい場合は、「wordglow2」を使用してグリッド内のスペースが消えます。間違えると「wordglow4」で赤く光ります。
私のスペリングゲームでは、単語の正しい試みと間違った試みの数を数え、最後にそれらを表示したいと考えています。
「カウンター」と呼ばれる HTML に div を作成しました。これは正しい答えを表示するはずですが、1 つの正しい答えの後、カウントを維持しません。
ここにスクリプトがあります
var completeLetters = $('.wordglow2').length;
var threeLetter = (completeLetters / 3);
var rightWords = $(threeLetter).length;
$('.counter').text(rightWords).show();
if (threeLetter == 3) {
$('table').fadeOut(2000);
}
「threeLetter」の長さを取り、それをカウンターに表示する「rightWord」という変数を作成しようとしました。1までカウントアップして停止します。