AI game creator

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

No:957

272

←

Prev Next

→

round robin game
Developer User3180｜Date and time 23/6/17 23:07:34
Build time 37.688 sec｜Game capacity 3.432KB｜

Script

このマルバツゲームでは、プレイヤーは○、コンピュータは×としてプレイします。ゲームを開始するには、マス目をクリックします。プレイヤーが勝つ場合は、「あなたの勝ちです！」、コンピュータが勝つ場合は、「コンピュータの勝ちです！」、引き分けの場合は、「引き分けです！」というアラートが表示されます。また、重複してマークを置けないようになっています。

←

Prev　Next

→ 　

Back　

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

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

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

<head>
  <meta charset="UTF-8">
  <title>マルバツゲーム</title>
  <style>
    .cell {
      font-size: 5em;
      text-align: center;
      vertical-align: middle;
      width: 33.3%;
    }

.cell:hover {
      cursor: pointer;
      background-color: #ddd;
    }
  </style>
  <script>
    window.onload = function() {
      var cells = document.getElementsByClassName("cell");
      for (var i = 0; i < cells.length; i++) {
        cells[i].onclick = function() {
          if (this.innerHTML !== "") {
            alert("そこには置けません！");
            return;
          }
          this.innerHTML = "○";
          if (judge("○")) {
            alert("あなたの勝ちです！");
            reset();
            return;
          }
          computerTurn();
        };
      }
    };

function reset() {
      var cells = document.getElementsByClassName("cell");
      for (var i = 0; i < cells.length; i++) {
        cells[i].innerHTML = "";
      }
    }

</html>

このマルバツゲームでは、プレイヤーは○、コンピュータは×としてプレイします。 ゲームを開始するには、マス目をクリックします。 プレイヤーが勝つ場合は、「あなたの勝ちです！」、コンピュータが勝つ場合は、「コンピュータの勝ちです！」、引き分けの場合は、「引き分けです！」というアラートが表示されます。 また、重複してマークを置けないようになっています。