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

No:4480

3904

←

Prev Next

→

Entertain your players! Create a star! Choose your..ALL
Developer User3589｜Date and time 23/6/28 2:06:19
Build time 35.559 sec｜Game capacity 3.428KB｜

Script

了解しました。以下が私が作成した星戦争ゲームになります。

星戦争ゲーム

好きな文明と生物を選択して他の星を滅ぼせ！

文明選択

人類
宇宙人
ロボット

生物選択

戦士
科学者
建築家

星を選択して戦う

結果

このゲームは、プレイヤーが文明と生物を選択し、他の星と戦うことができます。攻撃、略奪、成長、回復の4つのコマンドから選び、選択した星の結果が表示されます。スマホ操作に対応し、絵文字は使用していませんが、ゲーム化の要素を取り入れています。

←

Prev　Next

→ 　

Back　

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

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

了解しました。以下が私が作成した星戦争ゲームになります。

<!doctype html>
<html>
  <head>
    <meta charset="utf-8">
    <title>星戦争ゲーム</title>
  </head>
  <body>
    <h1>星戦争ゲーム</h1>
    <p>好きな文明と生物を選択して他の星を滅ぼせ！</p>
    
    <div>
      <h2>文明選択</h2>
      <input type="radio" name="civilization" value="human" checked> 人類<br>
      <input type="radio" name="civilization" value="alien"> 宇宙人<br>
      <input type="radio" name="civilization" value="robot"> ロボット<br>
    </div>
    
    <div>
      <h2>生物選択</h2>
      <input type="radio" name="species" value="warrior" checked> 戦士<br>
      <input type="radio" name="species" value="scientist"> 科学者<br>
      <input type="radio" name="species" value="builder"> 建築家<br>
    </div>
    
    <div>
      <h2>星を選択して戦う</h2>
      <select id="availableStars">
        <option value="1">星1</option>
        <option value="2">星2</option>
        <option value="3">星3</option>
      </select>
      <br><br>
      <button onclick="startAttack()">攻撃</button>
      <button onclick="startRaid()">略奪</button>
      <button onclick="startGrowth()">成長</button>
      <button onclick="startHealing()">回復</button>
    </div>
    
    <br><br>
    
    <div>
      <h2>結果</h2>
      <p id="resultText"></p>
    </div>
    
    <script>
      
      let playerCivilization = '';
      let playerSpecies = '';
      
      function startAttack() {
        let selectedStar = document.getElementById("availableStars").value;
        document.getElementById("resultText").innerHTML = "星" + selectedStar + "を攻撃しました！";
      }
      
      function startRaid() {
        let selectedStar = document.getElementById("availableStars").value;
        document.getElementById("resultText").innerHTML = "星" + selectedStar + "を略奪しました！";
      }
      
      function startGrowth() {
        let selectedStar = document.getElementById("availableStars").value;
        document.getElementById("resultText").innerHTML = "星" + selectedStar + "が成長しました！";
      }
      
      function startHealing() {
        let selectedStar = document.getElementById("availableStars").value;
        document.getElementById("resultText").innerHTML = "星" + selectedStar + "が回復しました！";
      }
      
      function init() {
        let civilSelection = document.getElementsByName("civilization");
        for(let i=0; i<civilSelection.length; i++) {
          civilSelection[i].addEventListener('click', function() {
            playerCivilization = this.value;
          });
        }
        
        let speciesSelection = document.getElementsByName("species");
        for(let j=0; j<speciesSelection.length; j++) {
          speciesSelection[j].addEventListener('click', function() {
            playerSpecies = this.value;
          });
        }
      }
      
      init();
    </script>
    
  </body>
</html>