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