Aikido technique, wherein the opponent is brought down by twisting his or her arm away from the body's game

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

No:8650

3184

←

Prev Next

→

Aikido technique, wherein the opponent is brought ..ALL
Developer User4214｜Date and time 23/7/17 18:37:08
Build time 34.396 sec｜Game capacity 3.498KB｜

Script

は、以下のようなHTMLファイルを作成しました。このファイルはJavaScriptを含み、ゲーム化されており、スマホ操作を前提としています。絵文字は使用していませんが、ゲームの目的やルールに合わせて変更してください。

これが実際のプログラムであり、実行すると3x3のマス目が表示されます。各マスにはクリック可能なセルがあり、プレーヤーは交互にマスに"X"または"O"を入れることができます。勝利条件は水平、垂直、斜めのいずれかのラインに同じプレーヤーのマークが3つ並ぶことです。勝利したプレーヤーが表示され、引き分けの場合は引き分けと表示されます。

←

Prev　Next

→ 　

Back　

[PR]現在の人気ゲームランキング

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

```html
<!DOCTYPE html>
<html lang="ja">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>ゲーム</title>
  <style>
    body {
      background-color: #f0f0f0;
      display: flex;
      justify-content: center;
      align-items: center;
      height: 100vh;
    }

.game-board {
      display: grid;
      grid-template-columns: repeat(3, auto);
    }

.cell {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 100px;
      height: 100px;
      font-size: 3rem;
      border: 1px solid #ccc;
      cursor: pointer;
    }

.cell:hover {
      background-color: #e0e0e0;
    }

.message {
      font-size: 2rem;
    }
  </style>
</head>

cells.forEach(cell => {
      cell.addEventListener('click', handleCellClick);
    });

function handleCellClick(e) {
      const cell = e.target;

if (cell.textContent === '') {
        cell.textContent = currentPlayer;
        cell.style.cursor = 'default';
        moves++;

if (checkWin()) {
          message.textContent = `${currentPlayer}の勝ち！`;
          cells.forEach(cell => {
            cell.removeEventListener('click', handleCellClick);
          });
          return;
        }

if (moves === 9) {
          message.textContent = '引き分け';
          return;
        }

currentPlayer = currentPlayer === 'X' ? 'O' : 'X';
        message.textContent = `${currentPlayer}の番です`;
      }
    }

function checkWin() {
      const lines = [
        [0, 1, 2],
        [3, 4, 5],
        [6, 7, 8],
        [0, 3, 6],
        [1, 4, 7],
        [2, 5, 8],
        [0, 4, 8],
        [2, 4, 6]
      ];

for (let i = 0; i < lines.length; i++) {
        const [a, b, c] = lines[i];

if (cells[a].textContent !== '' && cells[a].textContent === cells[b].textContent && cells[b].textContent === cells[c].textContent) {
          cells[a].style.backgroundColor = 'green';
          cells[b].style.backgroundColor = 'green';
          cells[c].style.backgroundColor = 'green';
          return true;
        }
      }

return false;
    }
  </script>
</body>

</html>
```