Voyagers Golden Record's game

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

No:9522

←

Prev Next

→

Voyagers Golden Record
Developer User4369｜Date and time 23/7/26 0:03:30
Build time 28.794 sec｜Game capacity 2.605KB｜

Script

了解です。以下にボイジャーのゴールデンレコードを題材にしたゲームの実装例を示します。

以下の選択肢の中からボイジャーのゴールデンレコードに収録されているものを選んでください。

このゲームでは、ユーザーが4つの選択肢の中からボイジャーのゴールデンレコードに収録されているものを選ぶと、正解か不正解かを表示します。正解の選択肢を選ぶと「正解！おめでとうございます！🎉」と表示され、不正解の選択肢を選ぶと「残念、不正解です。もう一度挑戦してみましょう。😢」と表示されます。なお、この例ではスタイルシートを使用してゲーム画面を装飾していますが、簡単なゲームのためスタイルは省略しても機能的には問題ありません。

←

Prev　Next

→ 　

Back　

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

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>
      body {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100vh;
        background-color: #f5f5f5;
      }
      #container {
        display: flex;
        flex-direction: column;
        align-items: center;
      }
      #question {
        font-size: 24px;
        margin-top: 20px;
        text-align: center;
      }
      #choices {
        display: flex;
        flex-direction: column;
        margin-top: 20px;
      }
      #result {
        margin-top: 20px;
        font-size: 24px;
        font-weight: bold;
        text-align: center;
      }
    </style>
  </head>
  <body>
    <div id="container">
      <div id="question">以下の選択肢の中からボイジャーのゴールデンレコードに収録されているものを選んでください。</div>
      <div id="choices">
        <button onclick="checkAnswer('地球の音')">地球の音</button>
        <button onclick="checkAnswer('犬の鳴き声')">犬の鳴き声</button>
        <button onclick="checkAnswer('宇宙の音')">宇宙の音</button>
        <button onclick="checkAnswer('子供の笑い声')">子供の笑い声</button>
      </div>
      <div id="result"></div>
    </div>
    <script>
      const correctAnswer = '地球の音';
      
      function checkAnswer(answer) {
        const result = document.getElementById('result');
        if (answer === correctAnswer) {
          result.textContent = '正解！おめでとうございます！🎉';
        } else {
          result.textContent = '残念、不正解です。もう一度挑戦してみましょう。😢';
        }
      }
    </script>
  </body>
</html>
```

このゲームでは、ユーザーが4つの選択肢の中からボイジャーのゴールデンレコードに収録されているものを選ぶと、正解か不正解かを表示します。正解の選択肢を選ぶと「正解！おめでとうございます！🎉」と表示され、不正解の選択肢を選ぶと「残念、不正解です。もう一度挑戦してみましょう。😢」と表示されます。

なお、この例ではスタイルシートを使用してゲーム画面を装飾していますが、簡単なゲームのためスタイルは省略しても機能的には問題ありません。