var nextData = [[0,1,0,0],[0,2,2,0],[0,0,0,0],[0,0,0,0]]; var gameData = [[0,0,0,0,0,0,0,0,0,0],[0,0,0,0,0,0,0,0,0,0],[0,0,0,0,0,0,0,0,0,0],[0,0,0,0,0,0,0,0,0,0],[0,0,0,0,0,0,0,0,0,0],[0,0,0,0,0,0,0,0,0,0],[0,0,0,0,0,0,0,0,0,0],[0,0,0,0,0,0,0,0,0,0],[0,0,0,0,0,0,0,0,0,0],[0,0,0,0,0,0,0,0,0,0],[0,0,0,0,0,0,0,0,0,0],[0,0,0,0,0,1,2,1,0,0],[0,0,0,0,0,1,2,2,0,0],[1,1,1,1,1,1,1,1,0,0]]; var nextDivs = []; var gameDivs = []; var initGame = function(){ for(var i=0;i<gameData.length;i++){ var gameDiv = []; for(var j=0;j<gameData[0].length;j++){ var newNode = document.createElement('div'); newNode.className = 'none'; newNode.style.top = (i*20)+'px'; newNode.style.left = (j*20)+'px'; document.getElementById('game').appendChild(newNode); gameDiv.push(newNode); } gameDivs.push(gameDiv); } } var initNext = function(){ for(var i=0;i<nextData.length;i++){ var nextDiv = []; for(var j=0;j<nextData[0].length;j++){ var newNode = document.createElement('div'); newNode.className = 'none'; newNode.style.top = (i*20)+'px'; newNode.style.left = (j*20)+'px'; document.getElementById('next').appendChild(newNode); nextDiv.push(newNode); } nextDivs.push(nextDiv); } } var refreshGame = function(){ for(var i=0;i<gameData.length;i++){ for(var j=0;j<gameData[0].length;j++){ if(gameData[i][j] == 0){ gameDivs[i][j].className = 'none'; }else if(gameData[i][j] == 1){ gameDivs[i][j].className == 'done'; }else if(gameData[i][j] == 2){ gameDivs[i][j].className = 'current'; } } } } var refreshNext = function(){ for(var i=0;i<nextData.length;i++){ for(var j=0;j<nextData[0].length;j++){ if(nextData[i][j] == 0){ nextDivs[i][j].className = 'none'; }else if(nextData[i][j] == 1){ nextDivs[i][j].className == 'done'; }else if(nextData[i][j] == 2){ nextDivs[i][j].className = 'current'; } } } } initGame(); initNext(); refreshGame(); refreshNext();
没有gameDATA的数据