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

No:5137

1706

←

Prev Next

→

Quizzes only geeks can understand
Developer User3812｜Date and time 23/6/29 19:24:33
Build time 35.765 sec｜Game capacity 3.417KB｜

Script

分かりました。以下はオタクに向けたクイズゲームの例です。

オタククイズ

以下のクイズに答えましょう！

上記のコードは、3つのクイズの質問を表示し、ユーザーが選択肢から正解を選ぶことでスコアを計算します。最後に、正解数を表示します。表示される選択肢はHTMLリスト（ol）内にあります。回答ボタンをクリックすると、回答がチェックされ、正解かどうかが判定されます。本格的なゲームは要件に基づいたニーズがありますが、上記のコードを参考にして自分が望むゲームを作成することができます。

←

Prev　Next

→ 　

Back　

[PR]現在のゲームギフトランキング

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 {
      text-align: center;
      font-family: Arial, sans-serif;
    }
  </style>
</head>
<body>
  <h1>オタククイズ</h1>
  <p>以下のクイズに答えましょう！</p>

let currentQuestion = 0;
    let score = 0;

function loadQuestion() {
      const quizElement = document.getElementById('quiz');
      quizElement.innerHTML = `
        <h2>${quizData[currentQuestion].question}</h2>
        <ol>
          <li>${quizData[currentQuestion].choices[0]}</li>
          <li>${quizData[currentQuestion].choices[1]}</li>
          <li>${quizData[currentQuestion].choices[2]}</li>
        </ol>
      `;
    }

function checkAnswer() {
      const answerElements = document.getElementsByTagName('li');
      let selectedAnswer = -1;

for (let i = 0; i < answerElements.length; i++) {
        if (answerElements[i].classList.contains('selected')) {
          selectedAnswer = i;
          break;
        }
      }

if (selectedAnswer === quizData[currentQuestion].correctAnswer) {
        score++;
      }

if (currentQuestion === quizData.length - 1) {
        document.getElementById('quiz').style.display = 'none';
        document.getElementById('result').innerHTML = `正解数：${score}/${quizData.length}`;
        document.getElementById('result').style.display = 'block';
      } else {
        currentQuestion++;
        loadQuestion();
      }
    }

document.addEventListener('DOMContentLoaded', loadQuestion);
    document.getElementById('quiz').addEventListener('click', function(e) {
      const answerElements = document.getElementsByTagName('li');
      for (let i = 0; i < answerElements.length; i++) {
        answerElements[i].classList.remove('selected');
      }
      e.target.classList.add('selected');
    });
  </script>
</body>
</html>
```

上記のコードは、3つのクイズの質問を表示し、ユーザーが選択肢から正解を選ぶことでスコアを計算します。最後に、正解数を表示します。表示される選択肢はHTMLリスト（ol）内にあります。回答ボタンをクリックすると、回答がチェックされ、正解かどうかが判定されます。

本格的なゲームは要件に基づいたニーズがありますが、上記のコードを参考にして自分が望むゲームを作成することができます。