ابدأ لعبة شطرنج مع 64 مربعًا، لكل مربع رقم من 1 إلى 5، وقم بتغيير لون المربعات بناءً على اللون المحظوظ والدالة المحددة. سجل كل خانة جديدة أو نقلة جديدة من اللاعب.'s game

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

No:38162

←

Prev Next

→

ابدأ لعبة شطرنج مع 64 مربعًا، لكل مربع رقم من 1 إل..ALL
Developer User17255｜Date and time 24/1/23 2:01:57
Build time 8.111 sec｜Game capacity 2.05KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>لعبة الشطرنج</title>
    <style>
        .square { 
            width: 50px;
            height: 50px;
            display: inline-block;
            border: 1px solid black;
            text-align: center;
            font-size: 30px;
            line-height: 50px;
            vertical-align: middle;
            cursor: pointer;
        }
    </style>
</head>
<body>
    <div id="chessboard">
        <script>
            var squares = [];
            var currentSquare = null;
            var luckyColor = Math.floor(Math.random() * 5) + 1;

function isMoveAllowed() {
                return currentSquare === null || Math.abs(currentSquare - this.dataset.square) !== 8;
            }

function makeMove() {
                var square = this.dataset.square;

if (square === currentSquare) {
                    this.style.backgroundColor = "white";
                    currentSquare = null;
                } else if (isMoveAllowed.call(this)) {
                    this.style.backgroundColor = (Math.floor(Math.random() * 5) + 1) === luckyColor ? "green" : "red";
                    if (currentSquare !== null) {
                        squares[currentSquare - 1].style.backgroundColor = "white";
                    }
                    currentSquare = square;
                }
            }

function createChessboard() {
                var chessboard = document.getElementById("chessboard");

for (var i = 1; i <= 64; i++) {
                    var square = document.createElement("div");
                    square.classList.add("square");
                    square.dataset.square = i;
                    square.addEventListener("click", makeMove);

chessboard.appendChild(square);
                    squares.push(square);
                }
            }

createChessboard();
        </script>
    </div>
</body>
</html>