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

No:14459

←

Prev Next

→

ピタゴラスイッチ
Developer User6222｜Date and time 23/9/2 6:31:42
Build time 22.921 sec｜Game capacity 2.829KB｜

Script

了解です。ピタゴラスイッチのゲームを作成しましょう。以下が実際のプログラムです。

ピタゴラスイッチ

このプログラムでは、3x3のテーブルがあります。各セルをクリックすると、セルの色が切り替わります。すべてのセルの色が黄色になった場合、ピタゴラスイッチが完成となり、アラートが表示されます。また、ゲームをリセットするための「リセット」ボタンも実装されています。スマホで操作する場合、各セルをタップして色を変更できます。以上がピタゴラスイッチのゲームの実装です。お楽しみください！

←

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">
  <title>ピタゴラスイッチ</title>
</head>
<body>

<h1>ピタゴラスイッチ</h1>

function changeState(id) {
      var td = document.getElementById("td" + id);
      if (state[id - 1] === 0) {
        state[id - 1] = 1;
        td.style.backgroundColor = "yellow";
      } else {
        state[id - 1] = 0;
        td.style.backgroundColor = "white";
      }

var td1 = document.getElementById("td1");
      var td3 = document.getElementById("td3");
      var td4 = document.getElementById("td4");
      var td6 = document.getElementById("td6");
      var td7 = document.getElementById("td7");
      var td9 = document.getElementById("td9");

if (state[0] === 1 && state[2] === 1 && state[3] === 1 && state[5] === 1 && state[6] === 1 && state[8] === 1) {
        td1.style.backgroundColor = "green";
        td3.style.backgroundColor = "green";
        td4.style.backgroundColor = "green";
        td6.style.backgroundColor = "green";
        td7.style.backgroundColor = "green";
        td9.style.backgroundColor = "green";

setTimeout(function() {
          alert("ピタゴラスイッチが完成しました！");
          resetGame();
        }, 1000);
      }
    }

function resetGame() {
      var tds = document.getElementsByTagName("td");
      for (var i = 0; i < tds.length; i++) {
        tds[i].style.backgroundColor = "white";
      }
      state = [0, 0, 0, 0, 0, 0, 0, 0, 0];
    }
  </script>

</body>
</html>
```

このプログラムでは、3x3のテーブルがあります。各セルをクリックすると、セルの色が切り替わります。すべてのセルの色が黄色になった場合、ピタゴラスイッチが完成となり、アラートが表示されます。また、ゲームをリセットするための「リセット」ボタンも実装されています。

スマホで操作する場合、各セルをタップして色を変更できます。

以上がピタゴラスイッチのゲームの実装です。お楽しみください！