; var active = false, turn = "white", isWay, activeElementSide, activeElement, bottomBlock, map =[], allElements = [], moveId = [], move = function (id){ if(!active){ activeElement = map[id[1]][id[0]]; if (activeElement.color === turn) { moveId = moveOptions(); podsvetka(moveId); active = true; } } else { var bool =false; bool = way(id); if (bool) { map = elementGoTo(id); } clearLight(); clearLight(); active = false; } }; function ready() { var figures_positions = { rook:[[1,1],[1,8],[8,1],[8,8]], knight:[[1,2],[1,7],[8,2],[8,7]], bishop:[[1,3],[1,6],[8,3],[8,6]], queen:[[1,5],[8,5]], king:[[1,4],[8,4]], pawn:[[2,1],[2,2],[2,3],[2,4],[2,5],[2,6],[2,7],[2,8],[7,1],[7,2],[7,3],[7,4],[7,5],[7,6],[7,7],[7,8]] }; var positionOfElements = function(id, name , color, X, Y) { this.id = id; this.name = name; this.color = color; this.X = X; this.Y = Y; allElements.push(this); }, color; function new_game(){ for (var i = 0; i < 8; i++){ var row = document.createElement('div'); row.className = 'row'; row.id = i; for (var j = 0 ; j < 8; j++){ var col = document.createElement('div'); col.className = 'col'; col.id = String(j+''+i); col.setAttribute("onclick",'move("'+j+''+i+'");'); if ( i%2 == 0 && j%2 != 0 || i%2 != 0 && j%2 == 0 ){ col.className = 'col gray'; } for (var name in figures_positions) { for (var k = 0; k < figures_positions[name].length ; k++) { var pos = figures_positions[name][k]; var posX = j; var posY = i; if (posX == pos[1]-1 && posY == pos[0]-1 ) { var id = posX + '' +posY ; if (posY < 2){ color = "black"; switch (name){ case 'rook' : col.innerHTML ='

'; id == new positionOfElements(id, name, color, posX, posY); break; case 'knight' : col.innerHTML ='

'; id == new positionOfElements(id, name, color, posX, posY); break; case 'bishop' : col.innerHTML ='

'; id == new positionOfElements(id, name, color, posX, posY); break; case 'king': col.innerHTML ='

'; id == new positionOfElements(id, name, color, posX, posY); break; case 'queen': col.innerHTML ='

'; id == new positionOfElements(id, name, color, posX, posY); break; case 'pawn': col.innerHTML ='

'; id == new positionOfElements(id, name, color, posX, posY); break; } } else { color = "white"; switch (name){ case 'rook' : col.innerHTML ='

'; id == new positionOfElements(id, name, color, posX, posY); break; case 'knight' : col.innerHTML ='

'; id == new positionOfElements(id, name, color, posX, posY); break; case 'bishop' : col.innerHTML ='

'; id == new positionOfElements(id, name, color, posX, posY); break; case 'king': col.innerHTML ='

'; id == new positionOfElements(id, name, color, posX, posY); break; case 'queen': col.innerHTML ='

'; id == new positionOfElements(id, name, color, posX, posY); break; case 'pawn': col.innerHTML ='

'; id == new positionOfElements(id, name, color, posX, posY); break; }; }; }; }; }; row.appendChild(col); }; document.body.appendChild(row); }; map = getMap(); bottomBlock = document.createElement('div'); bottomBlock.className = turn; bottomBlock.innerHTML = "

"+turn+"

"; document.body.appendChild(bottomBlock); }; new_game(); }; function moveOptions() { var moves; switch(activeElement.name){ case 'rook' : moves = rookMoveOptions(); return moves; break; case 'knight' : moves = knightMoveOptions(); return moves; break; case 'bishop' : moves = bishopMoveOptions(); return moves; break; case 'king': moves = kingMoveOptions(); return moves; break; case 'queen': moves = queenMoveOptions(); return moves; break; case 'pawn': moves = pawnMoveOptions(); return moves; break; default: break; } }; function getMap() { var newMap =[]; for (var i= 0; i< 8; i++) { newMap[i] = []; for(var j= 0; j< 8; j++) { for ( var t = 0 ; t < allElements.length ; t++) { var k = allElements[t]; if(j===k.X && i===k.Y) { newMap[i][j] = k; } } if(!newMap[i][j]){ newMap[i][j] = 0; }; } } return newMap; }; function pawnMoveOptions() { var moves = []; var moveTo; if (activeElement.color === "white") { if (activeElement.Y === 6) { moveTo = [activeElement.Y-2 , activeElement.X]; moves.push(moveTo); }; if(activeElement.X< 7){ if(map[activeElement.Y-1][activeElement.X+1] !== 0 && map[activeElement.Y+1][activeElement.X+1].color !== activeElement.color) { moveTo = [activeElement.Y-1 , activeElement.X+1]; moves.push(moveTo); }; }; if (activeElement.X > 0 ) { if(map[activeElement.Y-1][activeElement.X-1] !== 0 && map[activeElement.Y+1][activeElement.X-1].color !== activeElement.color) { moveTo = [activeElement.Y-1 , activeElement.X-1]; moves.push(moveTo); }; }; if (activeElement.Y>0 && map[activeElement.Y-1][activeElement.X] ===0){ moveTo = [activeElement.Y-1 , activeElement.X]; moves.push(moveTo); }; }; if (activeElement.color === "black") { if (activeElement.Y === 1) { moveTo = [activeElement.Y+2 , activeElement.X]; moves.push(moveTo); }; if(activeElement.X< 7 ){ if(map[activeElement.Y+1][activeElement.X+1] !== 0 && map[activeElement.Y+1][activeElement.X+1].color !== activeElement.color) { moveTo = [activeElement.Y+1 , activeElement.X+1]; moves.push(moveTo); }; }; if (activeElement.X > 0 ){ if(map[activeElement.Y+1][activeElement.X-1] !== 0 && map[activeElement.Y+1][activeElement.X-1].color !== activeElement.color) { moveTo = [activeElement.Y+1 , activeElement.X-1]; moves.push(moveTo); }; }; if(activeElement.Y<7 && map[activeElement.Y+1 ][ activeElement.X] ===0) { moveTo = [activeElement.Y+1 , activeElement.X]; moves.push(moveTo); }; }; return moves; }; function knightMoveOptions() { var moves = []; var moveTo; if ( activeElement.Y+2 < 8 && activeElement.X + 1 < 8){ if( map[activeElement.Y + 2][activeElement.X +1] === 0){ moveTo = [activeElement.Y + 2, activeElement.X +1]; moves.push(moveTo); }else if( map[activeElement.Y + 2][activeElement.X +1].color !== activeElement.color) { moveTo = [activeElement.Y + 2, activeElement.X +1]; moves.push(moveTo); }; }; if ( activeElement.Y+2 < 8 && activeElement.X>0){ if( map[activeElement.Y + 2][activeElement.X -1] === 0){ moveTo = [activeElement.Y + 2, activeElement.X -1]; moves.push(moveTo); }else if( map[activeElement.Y + 2][activeElement.X -1].color !== activeElement.color) { moveTo = [activeElement.Y + 2, activeElement.X -1]; moves.push(moveTo); }; }; if ( activeElement.Y > 1 && activeElement.X + 1 < 8){ if( map[activeElement.Y - 2][activeElement.X +1] === 0){ moveTo = [activeElement.Y - 2, activeElement.X +1]; moves.push(moveTo); }else if( map[activeElement.Y - 2][activeElement.X +1].color !== activeElement.color) { moveTo = [activeElement.Y - 2, activeElement.X +1]; moves.push(moveTo); }; }; if ( activeElement.Y > 1 && activeElement.X>0){ if( map[activeElement.Y - 2][activeElement.X -1] === 0){ moveTo = [activeElement.Y - 2, activeElement.X -1]; moves.push(moveTo); }else if( map[activeElement.Y - 2][activeElement.X -1].color !== activeElement.color) { moveTo = [activeElement.Y - 2, activeElement.X -1]; moves.push(moveTo); }; }; if ( activeElement.Y+1 < 8 && activeElement.X+2<8){ if( map[activeElement.Y + 1][activeElement.X +2] === 0){ moveTo = [activeElement.Y + 1, activeElement.X +2]; moves.push(moveTo); }else if( map[activeElement.Y + 1][activeElement.X +2].color !== activeElement.color) { moveTo = [activeElement.Y + 1, activeElement.X +2]; moves.push(moveTo); }; }; if ( activeElement.Y+1 <8 && activeElement.X>1){ if(map[activeElement.Y + 1][activeElement.X - 2] === 0){ moveTo = [activeElement.Y + 1, activeElement.X -2]; moves.push(moveTo); }else if( map[activeElement.Y + 1][activeElement.X -2].color !== activeElement.color ) { moveTo = [activeElement.Y + 1, activeElement.X -2]; moves.push(moveTo); }; }; if ( activeElement.Y > 0 && activeElement.X+2<8){ if(map[activeElement.Y - 1][activeElement.X + 2] === 0){ moveTo = [activeElement.Y - 1, activeElement.X +2]; moves.push(moveTo); }else if( map[activeElement.Y - 1][activeElement.X +2].color !== activeElement.color ) { moveTo = [activeElement.Y - 1, activeElement.X +2]; moves.push(moveTo); }; }; if ( activeElement.Y > 0 && activeElement.X>1){ if(map[activeElement.Y - 1][activeElement.X - 2] === 0){ moveTo = [activeElement.Y - 1, activeElement.X -2]; moves.push(moveTo); }else if( map[activeElement.Y - 1][activeElement.X -2].color !== activeElement.color ) { moveTo = [activeElement.Y - 1, activeElement.X -2]; moves.push(moveTo); }; }; return moves; }; function bishopMoveOptions() { var rD = true, lD = true, rU = true, lU = true, X = activeElement.Y, Y = activeElement.X, moves =[]; for (var i= 1; i< 8; i++) { if (Y+i <= 7 && Y+i >= 0) { if ((X+i <= 7 && X+i >=0) && rD) { if(map[X+i][Y+i] === 0) { var move = [X+i, Y+i]; moves.push(move); } else { rD=false; if (map[X+i][Y+i].color !== activeElement.color){ var move = [X+i, Y+i]; moves.push(move); } } }; if ((X-i <= 7 && X-i >=0) && lD) { if(map[X-i][Y+i] === 0) { var move = [X-i, Y+i]; moves.push(move); } else { lD=false; if (map[X-i][Y+i].color !== activeElement.color){ var move = [X-i, Y+i]; moves.push(move); } } }; }; if (Y-i <= 7 && Y-i >= 0) { if ((X+i <= 7 && X+i >=0) && rU) { if(map[X+i][Y-i] === 0) { var move = [X+i, Y-i]; moves.push(move); } else { rU=false; if (map[X+i][Y-i].color !== activeElement.color){ var move = [X+i, Y-i]; moves.push(move); }; }; }; if ((X-i <= 7 && X-i >=0) && lU) { if(map[X-i][Y-i] === 0) { var move = [X-i, Y-i]; moves.push(move); } else { lU=false; if (map[X-i][Y-i].color !== activeElement.color){ var move = [X-i, Y-i]; moves.push(move); }; }; }; }; }; return moves; }; function rookMoveOptions() { var R = true, L = true, U = true, D = true, X = activeElement.Y, Y = activeElement.X, moves =[]; for (var i= 1; i< 8; i++) { if (X+i <= 7 && R) { if(map[X+i][Y] === 0) { var move = [X+i, Y]; moves.push(move); } else { R=false; if (map[X+i][Y].color !== activeElement.color){ var move = [X+i, Y]; moves.push(move); }; }; }; if ( X-i >=0 && L) { if(map[X-i][Y] === 0) { var move = [X-i, Y]; moves.push(move); } else { L=false; if (map[X-i][Y].color !== activeElement.color){ var move = [X-i, Y]; moves.push(move); }; }; }; if (Y+i <= 7 && D) { if(map[X][Y+i] === 0) { var move = [X, Y+i]; moves.push(move); } else { D=false; if (map[X][Y+i].color !== activeElement.color){ var move = [X, Y+i]; moves.push(move); }; }; }; if (Y-i >=0 && U) { if(map[X][Y-i] === 0) { var move = [X, Y-i]; moves.push(move); } else { U=false; if (map[X][Y-i].color !== activeElement.color){ var move = [X, Y-i]; moves.push(move); }; }; }; }; return moves; }; function kingMoveOptions() { var i = 1, X = activeElement.Y, Y = activeElement.X, moves =[]; if (X+i <= 7) { if(map[X+i][Y] === 0) { var move = [X+i, Y]; moves.push(move); } else { if (map[X+i][Y].color !== activeElement.color){ var move = [X+i, Y]; moves.push(move); }; }; }; if ( X-i >=0 ) { if(map[X-i][Y] === 0) { var move = [X-i, Y]; moves.push(move); } else { if (map[X-i][Y].color !== activeElement.color){ var move = [X-i, Y]; moves.push(move); }; }; }; if (Y+i <= 7 ) { if(map[X][Y+i] === 0) { var move = [X, Y+i]; moves.push(move); } else { if (map[X][Y+i].color !== activeElement.color){ var move = [X, Y+i]; moves.push(move); }; }; }; if (Y-i >=0) { if(map[X][Y-i] === 0) { var move = [X, Y-i]; moves.push(move); } else { if (map[X][Y-i].color !== activeElement.color){ var move = [X, Y-i]; moves.push(move); }; }; }; if (Y+i <= 7 && Y+i >= 0) { if (X+i <= 7 && X+i >=0) { if(map[X+i][Y+i] === 0) { var move = [X+i, Y+i]; moves.push(move); } else { if (map[X+i][Y+i].color !== activeElement.color){ var move = [X+i, Y+i]; moves.push(move); } } }; if (X-i <= 7 && X-i >=0) { if(map[X-i][Y+i] === 0) { var move = [X-i, Y+i]; moves.push(move); } else { if (map[X-i][Y+i].color !== activeElement.color){ var move = [X-i, Y+i]; moves.push(move); } } }; }; if (Y-i <= 7 && Y-i >= 0) { if (X+i <= 7 && X+i >=0) { if(map[X+i][Y-i] === 0) { var move = [X+i, Y-i]; moves.push(move); } else { if (map[X+i][Y-i].color !== activeElement.color){ var move = [X+i, Y-i]; moves.push(move); }; }; }; if (X-i <= 7 && X-i >=0) { if(map[X-i][Y-i] === 0) { var move = [X-i, Y-i]; moves.push(move); } else { if (map[X-i][Y-i].color !== activeElement.color){ var move = [X-i, Y-i]; moves.push(move); }; }; }; }; return moves; }; function queenMoveOptions() { var rD = true, lD = true, rU = true, lU = true, R = true, L = true, U = true, D = true, X = activeElement.Y, Y = activeElement.X, moves =[]; for (var i= 1; i< 8; i++) { if (X+i <= 7 && R) { if(map[X+i][Y] === 0) { var move = [X+i, Y]; moves.push(move); } else { R=false; if (map[X+i][Y].color !== activeElement.color){ var move = [X+i, Y]; moves.push(move); }; }; }; if ( X-i >=0 && L) { if(map[X-i][Y] === 0) { var move = [X-i, Y]; moves.push(move); } else { L=false; if (map[X-i][Y].color !== activeElement.color){ var move = [X-i, Y]; moves.push(move); }; }; }; if (Y+i <= 7 && D) { if(map[X][Y+i] === 0) { var move = [X, Y+i]; moves.push(move); } else { D=false; if (map[X][Y+i].color !== activeElement.color){ var move = [X, Y+i]; moves.push(move); }; }; }; if (Y-i >=0 && U) { if(map[X][Y-i] === 0) { var move = [X, Y-i]; moves.push(move); } else { U=false; if (map[X][Y-i].color !== activeElement.color){ var move = [X, Y-i]; moves.push(move); }; }; }; if (Y+i <= 7 && Y+i >= 0) { if ((X+i <= 7 && X+i >=0) && rD) { if(map[X+i][Y+i] === 0) { var move = [X+i, Y+i]; moves.push(move); } else { rD=false; if (map[X+i][Y+i].color !== activeElement.color){ var move = [X+i, Y+i]; moves.push(move); } } }; if ((X-i <= 7 && X-i >=0) && lD) { if(map[X-i][Y+i] === 0) { var move = [X-i, Y+i]; moves.push(move); } else { lD=false; if (map[X-i][Y+i].color !== activeElement.color){ var move = [X-i, Y+i]; moves.push(move); } } }; }; if (Y-i <= 7 && Y-i >= 0) { if ((X+i <= 7 && X+i >=0) && rU) { if(map[X+i][Y-i] === 0) { var move = [X+i, Y-i]; moves.push(move); } else { rU=false; if (map[X+i][Y-i].color !== activeElement.color){ var move = [X+i, Y-i]; moves.push(move); }; }; }; if ((X-i <= 7 && X-i >=0) && lU) { if(map[X-i][Y-i] === 0) { var move = [X-i, Y-i]; moves.push(move); } else { lU=false; if (map[X-i][Y-i].color !== activeElement.color){ var move = [X-i, Y-i]; moves.push(move); }; }; }; }; }; return moves; }; function podsvetka(ids) { for(var i=0; i< ids.length; i++){ var idVal = ids[i][1]+''+ids[i][0]; var lightBox = document.getElementById(idVal); if (map[ids[i][0]][ids[i][1]] !== 0) { lightBox.style.borderColor= '#f00'; } else { lightBox.style.borderColor= '#0f0'; } }; }; function clearLight(){ var light= document.getElementsByClassName("col"); for (var i= 0; i< light.length; i++) { light[i].style.borderColor=''; }; }; function way(id) { var posX = Number(id[1]); var posY = Number(id[0]); for (var i= 0; i< moveId.length; i++) { if (posX === moveId[i][0] && posY === moveId[i][1]) { return true; } } }; function elementGoTo(id) { var goFrom = { X: activeElement.X, Y: activeElement.Y }, goTo = { X: Number(id[0]), Y: Number (id[1]) }; for (var i= 0; i< map.length; i++){ var line = map[i]; for (var j= 0; j< line.length; j++) { if (j === goTo.X && i === goTo.Y) { var toPosition = document.getElementById(j+''+i); var fromPosition = document.getElementById(goFrom.X+''+goFrom.Y); toPosition.innerHTML = fromPosition.innerHTML; fromPosition.innerHTML=""; activeElement.X = goTo.X; activeElement.Y = goTo.Y; map[i][j] = activeElement; map[goFrom.Y][goFrom.X] = 0; }; if (line[j] !== 0 &&line[j].color !== activeElement.color) { turn = line[j].color; }; bottomBlock.innerHTML = '

'+turn+"

"; bottomBlock.className = turn; }; }; return map; }; document.addEventListener("DOMContentLoaded", ready);

Chess game.