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

No:7745

817

←

Prev Next

→

DNA Analysis Game
Developer User4077｜Date and time 23/7/9 19:12:52
Build time 15.328 sec｜Game capacity 3.162KB｜

Script

了解です。以下にDNA鑑定ゲームのプログラムを実装します。

DNA鑑定ゲーム

DNA鑑定を行います。次のDNAがどの生物に属しているか当ててください。

このプログラムでは、DNA鑑定ゲームを実装しています。5つの異なるDNAと、それぞれのDNAがどの生物に対応するか、および絵文字イメージを持つデータが与えられています。ゲームは、最初のDNAからスタートし、ユーザーは生物名を入力して回答します。回答が正解かどうかを判定し、結果を表示します。その後、次のDNAに進み、同じ処理を繰り返します。全てのDNAに回答したらゲーム終了となり、終了メッセージが表示されます。以上がDNA鑑定ゲームのプログラムです。ユーザーはスマートフォンで操作し、絵文字も表示されるようになっています。

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

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

了解です。以下にDNA鑑定ゲームのプログラムを実装します。

```html
<!DOCTYPE html>
<html lang="ja">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>DNA鑑定ゲーム</title>
</head>
<body>
  <h1>DNA鑑定ゲーム</h1>
  
  <div id="game-area">
    <p id="question">DNA鑑定を行います。次のDNAがどの生物に属しているか当ててください。</p>
    <img src="" id="dna-image" alt="DNA" width="200">
    <input type="text" id="answer-input" placeholder="生物名を入力してください">
    <button id="submit-button">回答する</button>
    <p id="result"></p>
  </div>

let currentDnaIndex = 0;

const gameArea = document.getElementById('game-area');
    const dnaImage = document.getElementById('dna-image');
    const answerInput = document.getElementById('answer-input');
    const submitButton = document.getElementById('submit-button');
    const result = document.getElementById('result');

function showNextQuestion() {
      if (currentDnaIndex >= dnaData.length) {
        gameArea.innerHTML = '<h2>おめでとうございます！終了しました。</h2>';
        return;
      }

const currentDna = dnaData[currentDnaIndex];
      dnaImage.src = currentDna.image;
      answerInput.value = '';
      result.textContent = '';

submitButton.addEventListener('click', checkAnswer);
      answerInput.addEventListener('keydown', function(event) {
        if (event.key === 'Enter') {
          checkAnswer();
        }
      });
    }

function checkAnswer() {
      const currentDna = dnaData[currentDnaIndex];
      const userAnswer = answerInput.value;

if (userAnswer === currentDna.organism) {
        result.textContent = '正解！';
      } else {
        result.textContent = '不正解...';
      }

currentDnaIndex++;
      submitButton.removeEventListener('click', checkAnswer);
      showNextQuestion();
    }

showNextQuestion();
  </script>
</body>
</html>
```

このプログラムでは、DNA鑑定ゲームを実装しています。5つの異なるDNAと、それぞれのDNAがどの生物に対応するか、および絵文字イメージを持つデータが与えられています。

ゲームは、最初のDNAからスタートし、ユーザーは生物名を入力して回答します。回答が正解かどうかを判定し、結果を表示します。その後、次のDNAに進み、同じ処理を繰り返します。

全てのDNAに回答したらゲーム終了となり、終了メッセージが表示されます。

以上がDNA鑑定ゲームのプログラムです。ユーザーはスマートフォンで操作し、絵文字も表示されるようになっています。