120square chessboard & game's game

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

No:36429

←

Prev Next

→

120square chessboard & game
Developer User16803 Toegyi｜Date and time 24/1/17 17:21:36
Build time 10.826 sec｜Game capacity 2.657KB｜

Script

Sure! Here's an example of a 120-square chessboard game implemented in a single HTML file using JavaScript:

This code will generate a 120-square chessboard using HTML and CSS, and handle the game logic using JavaScript. Each square on the chessboard is represented by a `<div>` element with a class of "square". The colors for the squares are defined in the CSS. When a square is clicked, the `playMove` function is called, which adds a piece symbol (♔ for white and ♚ for black) and a class of "piece" to the clicked square. It also toggles the current player between white and black. You can play the game by running the HTML file in a web browser on your smartphone. Simply tap on the squares to make your moves.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋グッズランキング

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

Sure! Here's an example of a 120-square chessboard game implemented in a single HTML file using JavaScript:

```html
<!DOCTYPE html>
<html>
<head>
    <style>
        .square {
            width: 10%;
            height: 10%;
            float: left;
        }
        
        .black {
            background-color: #b58863;
        }
        
        .white {
            background-color: #f0d9b5;
        }
        
        .piece {
            font-size: 40px;
            text-align: center;
            line-height: 100%;
        }
        
        .hidden {
            opacity: 0;
        }
    </style>
</head>
<body>
    <div id="chessboard"></div>
    
    <script>
        var chessboard = document.getElementById("chessboard");
        var squares = [];
        var currentPlayer = "white";
        
        for (var i = 0; i < 120; i++) {
            var square = document.createElement("div");
            square.classList.add("square");
            if (Math.floor(i / 10) % 2 === 0) {
                square.classList.add(i % 2 === 0 ? "white" : "black");
            } else {
                square.classList.add(i % 2 === 0 ? "black" : "white");
            }
            
            squares.push(square);
            chessboard.appendChild(square);
        }
        
        function playMove(square) {
            if (currentPlayer === "white") {
                square.textContent = "♔";
                square.classList.add("piece");
                currentPlayer = "black";
            } else {
                square.textContent = "♚";
                square.classList.add("piece");
                currentPlayer = "white";
            }
        }
        
        squares.forEach(function(square) {
            square.addEventListener("click", function() {
                if (!square.classList.contains("piece")) {
                    playMove(square);
                } else {
                    square.classList.add("hidden");
                }
            });
        });
    </script>
</body>
</html>
```

When a square is clicked, the `playMove` function is called, which adds a piece symbol (♔ for white and ♚ for black) and a class of "piece" to the clicked square. It also toggles the current player between white and black.

You can play the game by running the HTML file in a web browser on your smartphone. Simply tap on the squares to make your moves.