检查益智游戏中的赢家

时间:2013-03-08 15:22:38

标签: javascript

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

1 个答案:

答案 0 :(得分: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);
        }
    }
}