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

No:4785

566

←

Prev Next

→

quiz millionaire
Developer User3720｜Date and time 23/6/28 20:51:29
Build time 34.198 sec｜Game capacity 3.229KB｜

Script

了解しました。以下に、クイズミリオネアのゲームを実装したサンプルコードを提供します。

ここにクイズの問題が表示されます

以上のコードは、3つのクイズを持つクイズミリオネアのゲームを実装しています。クイズの問題、選択肢、および回答を定義することができます。各問題に対して、正答率が計算され、最終結果が表示されます。そして、ユーザーはボタンをクリックして回答を提出できます。ゲームを実行するには、このコードを単一のHTMLファイルに保存し、ブラウザで開いてください。

←

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 id="question">ここにクイズの問題が表示されます</h1>
  <div id="choices">
    
  </div>
  <button onclick="checkAnswer()">回答する</button>

// クイズの現在のインデックス
    let currentQuiz = 0;
    // 正解数
    let score = 0;

// クイズを表示する関数
    function showQuiz() {
      const questionElement = document.getElementById('question');
      const choicesElement = document.getElementById('choices');

// 問題文を表示
      questionElement.textContent = quizData[currentQuiz].question;

// 選択肢を表示
      choicesElement.innerHTML = '';
      for (let i = 0; i < quizData[currentQuiz].choices.length; i++) {
        const choice = quizData[currentQuiz].choices[i];
        const button = document.createElement('button');
        button.textContent = choice;
        choicesElement.appendChild(button);
      }
    }

// 回答をチェックする関数
    function checkAnswer() {
      const buttons = document.getElementsByTagName('button');
      for (let i = 0; i < buttons.length; i++) {
        buttons[i].disabled = true;
      }

const selectedButton = document.querySelector('#choices button:checked');
      if (!selectedButton) {
        return;
      }

const answer = parseInt(selectedButton.parentNode.children[selectedButton.value].value);
      if (answer === quizData[currentQuiz].answer) {
        score++;
      }

// 次の問題へ
      currentQuiz++;
      if (currentQuiz < quizData.length) {
        setTimeout(showQuiz, 1000);
      } else {
        // 全問題終了後、最終結果を表示
        const result = score / quizData.length * 100;
        alert(`クイズ終了！ 正解率は ${result}% です。`);
        location.reload();
      }
    }

// ゲーム開始
    showQuiz();
  </script>
</body>
</html>
```

以上のコードは、3つのクイズを持つクイズミリオネアのゲームを実装しています。クイズの問題、選択肢、および回答を定義することができます。各問題に対して、正答率が計算され、最終結果が表示されます。そして、ユーザーはボタンをクリックして回答を提出できます。

ゲームを実行するには、このコードを単一のHTMLファイルに保存し、ブラウザで開いてください。