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

No:1524

942

←

Prev Next

→

Marubatsu game Parting between the person who draw..ALL
Developer User3293｜Date and time 23/6/18 18:07:25
Build time 169.077 sec｜Game capacity 4.219KB｜

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>
      table,
      th,
      td {
        border: 2px solid black;
        border-collapse: collapse;
        text-align: center;
        font-size: 48px;
        padding: 10px;
      }
      .player {
        background-color: #d4d4d4;
      }
      .ai {
        background-color: #b0b0b0;
      }
      #result {
        font-size: 64px;
        font-weight: bold;
        text-align: center;
        margin-top: 50px;
      }
    </style>
  </head>
  <body>
    <h1>マルバツゲーム</h1>
    <table id="board">
      <tr>
        <td onclick="move(0)" id="0"></td>
        <td onclick="move(1)" id="1"></td>
        <td onclick="move(2)" id="2"></td>
      </tr>
      <tr>
        <td onclick="move(3)" id="3"></td>
        <td onclick="move(4)" id="4"></td>
        <td onclick="move(5)" id="5"></td>
      </tr>
      <tr>
        <td onclick="move(6)" id="6"></td>
        <td onclick="move(7)" id="7"></td>
        <td onclick="move(8)" id="8"></td>
      </tr>
    </table>
    <div id="result"></div>
    <script>
      const board = ["", "", "", "", "", "", "", "", ""];
      const player = "○";
      const ai = "×";
      let currentPlayer = player;

function disableBoard() {
        const cells = document.getElementsByTagName("td");
        for (let i = 0; i < cells.length; i++) {
          cells[i].onclick = null;
        }
      }

function checkWin(symbol) {
        return (
          checkRows(symbol) ||
          checkColumns(symbol) ||
          checkDiagonals(symbol)
        );
      }

function checkRows(symbol) {
        return (
          checkRow(0, 1, 2, symbol) ||
          checkRow(3, 4, 5, symbol) ||
          checkRow(6, 7, 8, symbol)
        );
      }

function checkColumns(symbol) {
        return (
          checkRow(0, 3, 6, symbol) ||
          checkRow(1, 4, 7, symbol) ||
          checkRow(2, 5, 8, symbol)
        );
      }

function checkDiagonals(symbol) {
        return checkRow(0, 4, 8, symbol) || checkRow(2, 4, 6, symbol);
      }

function checkRow(a, b, c, symbol) {
        return board[a] === symbol && board[b] === symbol && board[c] === symbol;
      }

function checkDraw() {
        for (let i = 0; i < board.length; i++) {
          if (board[i] === "") {
            return false;
          }
        }
        return true;
      }