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

No:5618

1648

←

Prev Next

→

Shame! Incorrect answer! Quiz Game
Developer User3589｜Date and time 23/6/30 14:16:39
Build time 30.169 sec｜Game capacity 2.638KB｜

Script

了解しました。以下に、絵文字を使用したクイズゲームの例を示します。

クイズゲーム

このクイズゲームでは、3つの質問が表示されます。各質問には3つの選択肢があり、回答ボタンをクリックして選択肢を選ぶことができます。正しい答えを選ぶと得点が加算され、間違った答えを選ぶと得点は変化しません。再び別の質問が表示され、ゲームは続きます。

←

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>
</head>
<body>
  <h1>クイズゲーム</h1>

var questions = [
    {
      question: "絵文字の正しいUnicodeはどれ？",
      options: [
        { text: "⇑", correct: false },
        { text: "👍", correct: true },
        { text: "✅", correct: false }
      ]
    },
    {
      question: "絵文字は何年にUnicodeで追加された？",
      options: [
        { text: "1995年", correct: false },
        { text: "2007年", correct: false },
        { text: "2010年", correct: true }
      ]
    },
    {
      question: "絵文字の起源はどこ？",
      options: [
        { text: "アメリカ", correct: false },
        { text: "日本", correct: true },
        { text: "中国", correct: false }
      ]
    }
  ];

function startGame() {
    score = 0;
    showQuestion();
  }

function showQuestion() {
    var questionIndex = Math.floor(Math.random() * questions.length);
    var question = questions[questionIndex];
  
    document.getElementById("question").innerText = question.question;

// 回答ボタンを生成
    var buttonsDiv = document.getElementById("buttons");
    buttonsDiv.innerHTML = "";
    for (var i = 0; i < question.options.length; i++) {
      var button = document.createElement("button");
      button.innerText = question.options[i].text;
      button.setAttribute("onclick", "checkAnswer('" + question.options[i].text + "')");
      buttonsDiv.appendChild(button);
    }
  }

function checkAnswer(answer) {
    var questionIndex = Math.floor(Math.random() * questions.length);
    var question = questions[questionIndex];

if (answer === question.options.find(option => option.correct).text) {
      score++;
      alert("正解！得点: " + score);
    } else {
      alert("不正解！得点: " + score);
    }

showQuestion();
  }

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