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

No:3959

813

←

Prev Next

→

みwなwぎwっwてwきwたwww
Developer User1006｜Date and time 23/6/27 0:47:23
Build time 29.351 sec｜Game capacity 2.422KB｜

Script

理解しました。以下は私が作成した簡単なゲームです。

Emoji Guessing Game

以下の絵文字は何を表しているでしょうか？

答え：

このゲームは、ランダムに出題される5つの絵文字からそれぞれ何を表しているかを当てるものです。回答欄に答えを入力した後、「送信」ボタンを押すことで答えをチェックすることができます。また、正解か不正解かを表示します。ゲームをプレイするには、スマートフォンでブラウザを開いてください。

←

Prev　Next

→ 　

Back　

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

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

理解しました。以下は私が作成した簡単なゲームです。

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>Emoji Guessing Game</title>
  </head>
  <body>
    <h1>Emoji Guessing Game</h1>
    <p>以下の絵文字は何を表しているでしょうか？</p>
    <p id="emoji"></p>
    <form>
      <label for="guess">答え：</label>
      <input type="text" id="guess" autocomplete="off" />
      <button type="button" onclick="checkGuess()">送信</button>
    </form>
    <p id="result"></p>
    <script>
      // 答えのリスト
      const answers = [
        { emoji: '🍎', answer: 'りんご' },
        { emoji: '🐶', answer: '犬' },
        { emoji: '🍕', answer: 'ピザ' },
        { emoji: '🐈', answer: '猫' },
        { emoji: '🎉', answer: 'お祝い' },
      ];

// ページが読み込まれたら最初の問題を表示
      window.onload = function() {
        showNextQuestion();
      };

// 現在の問題のインデックス
      let currentIndex = 0;

// 次の問題を表示する関数
      function showNextQuestion() {
        document.getElementById('emoji').innerHTML = answers[currentIndex].emoji;
        document.getElementById('guess').value = '';
        document.getElementById('result').innerHTML = '';
        currentIndex++;
        // 全ての問題が終わったら最初の問題に戻る
        if (currentIndex >= answers.length) {
          currentIndex = 0;
        }
      }

// 答えをチェックする関数
      function checkGuess() {
        const guess = document.getElementById('guess').value;
        if (guess === answers[currentIndex - 1].answer) {
          document.getElementById('result').innerHTML = '正解！';
        } else {
          document.getElementById('result').innerHTML = '不正解。正解は「' + answers[currentIndex - 1].answer + '」でした。';
        }
        showNextQuestion();
      }
    </script>
  </body>
</html>