javascript - パズルゲームの勝者をチェック

Question

私は 15 枚のスライド画像ゲームを作成しましたが、これまでのところすべてが機能しています。しかし、すべての画像 (番号 1 から 15) を順番に並べて、ユーザーがいつゲームに勝ったかを判断する方法がわかりません。現在、ユーザーが最初の 4 つの数字を順番に並べたかどうかを判断する方法を見つけようとしています。それができれば残りは簡単なはずだからです。私は自分のコードを以下に投稿します。誰かがこれを行う方法についてアイデアや提案があれば、それは素晴らしいことです.

Answer 1

検証関数の1つの解決策は、テーブル内のすべての<img>要素をループして、ソース属性がループ内のポイントと一致するかどうかを評価することです。疑似コード化すると、次のようになります。

IMAGES = get all image tags from table
for i = 1 to IMAGES.length {
    if IMAGES[i-1].source != "Buttons\\"+i+".png" return false;
}

return true; // Puzzle solved

実際に考えられる解決策は、次のようなものです（myTableをIDとして使用）。これにより、検出された各画像に警告が表示されます。内部のアラートをチェックロジックに置き換えます。

var myTable = document.getElementById("myTable");
if (myTable) {
    var images = myTable.getElementsByTagName("img");
    if (images && images.length > 0) {
        for (var i=0; i<images.length; i++) {
            alert("Image " + i + ": " + images[i].src);
        }
    }
}