2

グリッド内の空のスペースが強調表示され、グリッドの横にある対応する文字をドラッグすることで単語を正しくスペルするための手がかりが与えられる、子供向けのスペルゲームを作成しています。

単語を正しく理解すると、「wordglow2」を使用してグリッド内のスペースが消えていきます。間違えると「wordglow4」で赤く光ります。

これは、3文字の単語に対しては問題なく機能します。これは、グリッドで使用する唯一の単語になると思ったためです。今、私はそれをある時点で拡張する必要があると言われました、そして私がより大きな単語を追加するとき、それが5つの長さであっても、スクリプトは3つのドロップされた文字の後にそれらを認めます。

これが現在if（word == 3）thenapplystyles..を言うコードです。

            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);

単語のサイズを考慮に入れて、それが正しい場合は残りを行う必要があります。

http://jsfiddle.net/smilburn/cTGGA/20/

4

1 に答える 1

1

私があなたの質問を正しく理解しているなら、あなたは単語の長さに対して配列の長さをチェックすることができます。例えば：

if (guesses[word].length == word.length) {

これにより、推測配列の長さが、単語の文字数が3、4、5、またはそれ以上であるかどうかに関係なく、解決しようとしている単語の長さと同じであることが検証されます。

于 2012-10-04T18:39:29.533 に答える