AI game creator

Click here for free DL of the app version that can save data.

No:27207

←

Prev Next

→

Chess
Developer User13518｜Date and time 23/12/5 1:57:48
Build time 62.183 sec｜Game capacity 4.007KB｜

Script

♜

♞

♝

♛

♚

♝

♞

♜

♟

♙

♖

♘

♗

♕

♔

♗

♘

♖

←

Prev　Next

→ 　

Back　

[PR]現在のプレゼントランキング

Click here for free DL of the app version that can save data.

<!DOCTYPE html>
<html>
<head>
<style>
.chessboard {
  width: 320px;
  height: 320px;
  display: flex;
  flex-wrap: wrap;
}

.square {
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 30px;
}

.piece {
  font-family: "Segoe UI Symbol";
}

.whiteSquare {
  background-color: #F0D9B5;
}

.blackSquare {
  background-color: #B58863;
  color: white;
}

</style>
</head>
<body>
  
<div class="chessboard">
  <div class="square blackSquare" onclick="movePiece(this)">♜</div>
  <div class="square whiteSquare" onclick="movePiece(this)">♞</div>
  <div class="square blackSquare" onclick="movePiece(this)">♝</div>
  <div class="square whiteSquare" onclick="movePiece(this)">♛</div>
  <div class="square blackSquare" onclick="movePiece(this)">♚</div>
  <div class="square whiteSquare" onclick="movePiece(this)">♝</div>
  <div class="square blackSquare" onclick="movePiece(this)">♞</div>
  <div class="square whiteSquare" onclick="movePiece(this)">♜</div>
  <div class="square whiteSquare" onclick="movePiece(this)">♟</div>
  <div class="square blackSquare" onclick="movePiece(this)">♟</div>
  <div class="square whiteSquare" onclick="movePiece(this)">♟</div>
  <div class="square blackSquare" onclick="movePiece(this)">♟</div>
  <div class="square whiteSquare" onclick="movePiece(this)">♟</div>
  <div class="square blackSquare" onclick="movePiece(this)">♟</div>
  <div class="square whiteSquare" onclick="movePiece(this)">♟</div>
  <div class="square blackSquare" onclick="movePiece(this)">♟</div>
  <div class="square blackSquare"></div>
  <div class="square whiteSquare"></div>
  <div class="square blackSquare"></div>
  <div class="square whiteSquare"></div>
  <div class="square blackSquare"></div>
  <div class="square whiteSquare"></div>
  <div class="square blackSquare"></div>
  <div class="square whiteSquare"></div>
  <div class="square whiteSquare"></div>
  <div class="square blackSquare"></div>
  <div class="square whiteSquare"></div>
  <div class="square blackSquare"></div>
  <div class="square whiteSquare"></div>
  <div class="square blackSquare"></div>
  <div class="square whiteSquare"></div>
  <div class="square blackSquare"></div>
  <div class="square whiteSquare" onclick="movePiece(this)">♙</div>
  <div class="square blackSquare" onclick="movePiece(this)">♙</div>
  <div class="square whiteSquare" onclick="movePiece(this)">♙</div>
  <div class="square blackSquare" onclick="movePiece(this)">♙</div>
  <div class="square whiteSquare" onclick="movePiece(this)">♙</div>
  <div class="square blackSquare" onclick="movePiece(this)">♙</div>
  <div class="square whiteSquare" onclick="movePiece(this)">♙</div>
  <div class="square blackSquare" onclick="movePiece(this)">♙</div>
  <div class="square blackSquare" onclick="movePiece(this)">♖</div>
  <div class="square whiteSquare" onclick="movePiece(this)">♘</div>
  <div class="square blackSquare" onclick="movePiece(this)">♗</div>
  <div class="square whiteSquare" onclick="movePiece(this)">♕</div>
  <div class="square blackSquare" onclick="movePiece(this)">♔</div>
  <div class="square whiteSquare" onclick="movePiece(this)">♗</div>
  <div class="square blackSquare" onclick="movePiece(this)">♘</div>
  <div class="square whiteSquare" onclick="movePiece(this)">♖</div>
</div>

for (let i = 0; i < squares.length; i++) {
    if (squares[i] === square) {
      if (squares[i].innerHTML !== "") {
        alert("La pièce sélectionnée a été déplacée !");
        squares[i].innerHTML = "";
      } else {
        alert("Aucune pièce à déplacer !");
      }
      return;
    }
  }
}
</script>

</body>
</html>