Javascript匹配游戏

时间:2016-05-09 20:11:04

标签: javascript jquery html arrays

我正在尝试为孩子们编写匹配记忆游戏的代码,我们将瓷砖翻转到匹配1到' 1'或1到任何有一个项目和2个项目的图像。 我写了1场比赛1,但我无法将数字与单词或图像匹配。有人可以帮我代码吗? 以下是我正在处理的代码: -

var memory_array =         ['1','one','2','two','3','three','4','four','5','five','6','six','7','seven','8','eight','9','nine'];
var memory_values = [];
var memory_tile_ids = [];
var tiles_flipped = 0;
Array.prototype.memory_tile_shuffle = function(){
var i = this.length, j, temp;
while(--i > 0){
    j = Math.floor(Math.random() * (i+1));
    temp = this[j];
    this[j] = this[i];
    this[i] = temp;
}
}
function newBoard(){
tiles_flipped = 0;
var output = '';
memory_array.memory_tile_shuffle();
for(var i = 0; i < memory_array.length; i++){
    output += '<div id="tile_'+i+'"              onclick="memoryFlipTile(this,\''+memory_array[i]+'\')"></div>';
}
    document.getElementById('memory_board').innerHTML = output;
}
function memoryFlipTile(tile,val){
if(tile.innerHTML == "" && memory_values.length < 2){
    tile.style.background = '#FFF';
    tile.innerHTML = val;
    if(memory_values.length == 0){
        memory_values.push(val);
        memory_tile_ids.push(tile.id);
    } else if(memory_values.length == 1){
        memory_values.push(val);
        memory_tile_ids.push(tile.id);
        if(memory_values[0] == memory_values[1]){
            tiles_flipped += 2;
            // Clear both arrays
            memory_values = [];
            memory_tile_ids = [];
            // Check to see if the whole board is cleared
            if(tiles_flipped == memory_array.length){
                alert("Board cleared... generating new board");
                document.getElementById('memory_board').innerHTML = "";
                newBoard();
            }

所有瓷砖都保持翻转状态并且不匹配。

0 个答案:

没有答案