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

No:7031

673

←

Prev Next

→

Make your state independent! The player taps a sta..ALL
Developer User3589｜Date and time 23/7/4 23:17:05
Build time 25.825 sec｜Game capacity 3.023KB｜

Script

以下は、指定された要件を満たすJavaScriptのコード例です。このゲームは、アメリカの州の独立をテーマにしたもので、プレイヤーはアメリカ地図の州をタップすることで、遊ぶことができます。

州を独立させよう！

このコードは、htmlファイルとして保存して任意のブラウザで開くことで遊ぶことができます。アメリカ地図が表示され、プレイヤーは州をタップすることで独立させることができます。3つ以上の州が独立すると、ランダムにアラートダイアログが表示されます。なお、実際の地図描画にはSVGなどのテクノロジーを使用するべきですが、ここでは簡単のため省略し、テキストベースで州名を表示しています。また、表示される結果もランダムに選んでいますが、本当のアメリカの状況とは関係ありません。

←

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>
  <style>
    #map {
      width: 500px;
      height: 350px;
      background-color: lightgray;
      border: 1px solid gray;
    }
  </style>
</head>
<body>
  <h1>州を独立させよう！</h1>
  <div id="map"></div>

// クリックイベントハンドラを設定する
    function handleClick(state) {
        // クリックされた州を独立状態にする
        states[state] = true;
      
        // 独立した州の数をカウントする
        const independenceCount = Object.values(states).filter(value => value).length;
        
        if (independenceCount >= 3) {
            // 3つ以上の州が独立した場合、ランダムに結果を選んで表示する
            const result = Math.random() < 0.5 ? "独立した州と残ったアメリカが共存する" : "独立した州が残ったアメリカを制圧する";
            alert(result);
        }
    }

// アメリカ地図を描画する
    function drawMap() {
        const mapDiv = document.getElementById("map");

// 実際にはSVGなどを使用して地図を描画する必要がありますが、ここでは簡略化のためにテキストベースで表現します
        Object.keys(states).forEach(state => {
            const stateSpan = document.createElement("span");
            stateSpan.innerText = state;
            stateSpan.style.display = "block";
            stateSpan.addEventListener("click", () => handleClick(state));
            mapDiv.appendChild(stateSpan);
        });
    }

// 初期化処理
    function init() {
        drawMap();
    }

// プログラム開始
    init();
  </script>
</body>
</html>
```

このコードは、htmlファイルとして保存して任意のブラウザで開くことで遊ぶことができます。アメリカ地図が表示され、プレイヤーは州をタップすることで独立させることができます。3つ以上の州が独立すると、ランダムにアラートダイアログが表示されます。

なお、実際の地図描画にはSVGなどのテクノロジーを使用するべきですが、ここでは簡単のため省略し、テキストベースで州名を表示しています。また、表示される結果もランダムに選んでいますが、本当のアメリカの状況とは関係ありません。