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

No:4475

2186

←

Prev Next

→

Entertain your players! Create a star! Choose your..ALL
Developer User3589｜Date and time 23/6/28 2:01:44
Build time 18.912 sec｜Game capacity 1.747KB｜

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>
  </head>
  <body>
    <h1>星を作ろう！</h1>
    <p>好きな文明と生物を選んで、自分の惑星を作り上げ、他の惑星を滅ぼしましょう！</p>
    
    <select id="civilization">
      <option value="earth">地球文明</option>
      <option value="alien">宇宙人文明</option>
      <option value="fantasy">ファンタジー文明</option>
    </select>
    
    <select id="creature">
      <option value="human">人間</option>
      <option value="alien">宇宙人</option>
      <option value="dragon">ドラゴン</option>
    </select>
    
    <button id="create" onclick="createPlanet()">惑星を作る</button>
    
    <script>
      function createPlanet() {
        const civilization = document.getElementById("civilization").value;
        const creature = document.getElementById("creature").value;
        
        alert(`あなたは${civilization}文明の${creature}を選びました！`);
      }
    </script>
  </body>
</html>

このプログラムでは、プレーヤーが「文明」と「生物」を選択した後、ボタンをクリックするとアラートが表示されます。アラートには、選択された文明と生物が表示されます。

今後、惑星を作り上げるための機能や他の惑星を攻略するための機能を追加していきます。