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();
2019-07-22