First time posting... hey... is there anyone else in the third grade like me, a rotten bastard who watches grotesqueries, haha? Its a true wolrd. Thats a compliment.Favorite music eminem Person I respect Adolf Hitler (NO to genocide) Its 4 oclock while Im saying this.......'s game

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

No:11420

390

←

Prev Next

→

First time posting... hey... is there anyone else ..ALL
Developer もちきなこ｜Date and time 23/8/9 17:37:37
Build time 42.537 sec｜Game capacity 3.926KB｜

Script

はいっ、了解しました。以下がプログラムの実装になります。

このプログラムは、四目並べのゲームを実装しています。HTMLの`gameBoard`という要素が盤面を表し、クリックイベントが発生すると`playMove`関数が呼び出されるようになっています。`playMove`関数は、クリックされた場所に現在のプレイヤーのマークを表示し、勝利条件をチェックします。どちらかのプレイヤーが勝利した場合は、メッセージが表示されます。このプログラムをスマートフォンで開いて遊ぶことができます。プレイヤーは交互にマスをタップしてゲームを進めることができます。

←

Prev　Next

→ 　

Back　

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

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

はいっ、了解しました。以下がプログラムの実装になります。

```html
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>ゲーム</title>
    <style>
        body {
            font-size: 2rem;
            text-align: center;
            margin-top: 20px;
            font-family: Arial, sans-serif;
        }
        #gameBoard {
            width: 400px;
            height: 400px;
            border: 1px solid black;
            margin: 0 auto;
            display: flex;
            flex-wrap: wrap;
        }
        .cell {
            width: calc(100% / 4);
            height: calc(100% / 4);
        }
        #message {
            font-weight: bold;
            margin-top: 20px;
        }
    </style>
</head>
<body>
    <div id="gameBoard">
        <div class="cell" onclick="playMove(0)"></div>
        <div class="cell" onclick="playMove(1)"></div>
        <div class="cell" onclick="playMove(2)"></div>
        <div class="cell" onclick="playMove(3)"></div>
        <div class="cell" onclick="playMove(4)"></div>
        <div class="cell" onclick="playMove(5)"></div>
        <div class="cell" onclick="playMove(6)"></div>
        <div class="cell" onclick="playMove(7)"></div>
        <div class="cell" onclick="playMove(8)"></div>
        <div class="cell" onclick="playMove(9)"></div>
        <div class="cell" onclick="playMove(10)"></div>
        <div class="cell" onclick="playMove(11)"></div>
        <div class="cell" onclick="playMove(12)"></div>
        <div class="cell" onclick="playMove(13)"></div>
        <div class="cell" onclick="playMove(14)"></div>
        <div class="cell" onclick="playMove(15)"></div>
    </div>
    <div id="message"></div>

function playMove(index) {
            if (!gameBoard[index] && !gameOver) {
                gameBoard[index] = currentPlayer;
                document.getElementsByClassName('cell')[index].innerHTML = currentPlayer;
                checkWin();
                currentPlayer = currentPlayer === 'X' ? 'O' : 'X';
                document.getElementById('message').innerHTML = "現在のプレイヤー: " + currentPlayer;
            }
        }

このプログラムをスマートフォンで開いて遊ぶことができます。プレイヤーは交互にマスをタップしてゲームを進めることができます。