javascript - 在益智游戏中检查获胜者

Question

我做了一个 15 的滑动图像游戏，到目前为止一切正常。但是，我无法弄清楚如何通过按顺序排列所有图像（编号 1 到 15）来确定用户何时赢得游戏。现在我只是想弄清楚如何确定用户是否按顺序排列了前 4 个数字，因为如果我能完成，休息应该很容易。我将在下面发布我的代码，如果有人对如何做到这一点有任何想法或建议，那就太好了。

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