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

No:12965

←

Prev Next

→

おせろ
Developer User5662｜Date and time 23/8/25 15:19:29
Build time 39.115 sec｜Game capacity 3.696KB｜

Script

了解です。以下に示すのは、実際のプログラムになります。

おせろゲーム

このプログラムは、おせろゲームをプレイすることができます。スタートボタンをクリックするとゲームが開始し、それぞれのマスをクリックすることで○と×を交互に配置することができます。勝利条件は、縦・横・斜めのいずれかのラインで同じマークが3つ並ぶことです。引き分けになった場合はメッセージが表示されます。

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋Kindle本ランキング

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

了解です。以下に示すのは、実際のプログラムになります。

```html
<!DOCTYPE html>
<html>
<head>
  <title>おせろゲーム</title>
</head>
<body>
  <h1>おせろゲーム</h1>
  <p id="message"></p>
  <button onclick="startGame()">スタート</button>
  <br>
  <div id="gameBoard">
    <button onclick="makeMove(0, 0)"></button>
    <button onclick="makeMove(0, 1)"></button>
    <button onclick="makeMove(0, 2)"></button>
    <br>
    <button onclick="makeMove(1, 0)"></button>
    <button onclick="makeMove(1, 1)"></button>
    <button onclick="makeMove(1, 2)"></button>
    <br>
    <button onclick="makeMove(2, 0)"></button>
    <button onclick="makeMove(2, 1)"></button>
    <button onclick="makeMove(2, 2)"></button>
  </div>

// ゲーム開始時の処理
    function startGame() {
      gameBoard = [['', '', ''], ['', '', ''], ['', '', '']];
      currentPlayer = '○';
      gameOver = false;
      document.getElementById('message').innerText = `${currentPlayer}の番です。`;
      updateBoard();
    }

// マスを選択した時の処理
    function makeMove(row, col) {
      if (!gameOver && gameBoard[row][col] === '') {
        gameBoard[row][col] = currentPlayer;

if (checkWin()) {
          gameOver = true;
          document.getElementById('message').innerText = `${currentPlayer}の勝ちです！`;
        } else if (checkTie()) {
          gameOver = true;
          document.getElementById('message').innerText = '引き分けです。';
        } else {
          currentPlayer = currentPlayer === '○' ? '×' : '○';
          document.getElementById('message').innerText = `${currentPlayer}の番です。`;
        }

updateBoard();
      }
    }

// ゲームボードの表示を更新する
    function updateBoard() {
      for (let row = 0; row < 3; row++) {
        for (let col = 0; col < 3; col++) {
          document.getElementById('gameBoard').getElementsByTagName('button')[row * 3 + col].innerText = gameBoard[row][col];
        }
      }
    }

// 勝利のチェック
    function checkWin() {
      for (let i = 0; i < 3; i++) {
        if (gameBoard[i][0] === gameBoard[i][1] && gameBoard[i][1] === gameBoard[i][2] && gameBoard[i][0] !== '') {
          return true;
        }
        if (gameBoard[0][i] === gameBoard[1][i] && gameBoard[1][i] === gameBoard[2][i] && gameBoard[0][i] !== '') {
          return true;
        }
      }
      if (gameBoard[0][0] === gameBoard[1][1] && gameBoard[1][1] === gameBoard[2][2] && gameBoard[0][0] !== '') {
        return true;
      }
      if (gameBoard[0][2] === gameBoard[1][1] && gameBoard[1][1] === gameBoard[2][0] && gameBoard[0][2] !== '') {
        return true;
      }
      return false;
    }

// 引き分けのチェック
    function checkTie() {
      for (let row = 0; row < 3; row++) {
        for (let col = 0; col < 3; col++) {
          if (gameBoard[row][col] === '') {
            return false;
          }
        }
      }
      return true;
    }
  </script>
</body>
</html>
```