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

No:40594

←

Prev Next

→

難読漢字クイズ
Developer User18209｜Date and time 24/2/3 19:05:42
Build time 9.001 sec｜Game capacity 2.18KB｜

Script

了解しました。以下に難読漢字クイズのHTMLファイルを実装します。

難読漢字クイズ

以上が難読漢字クイズのHTMLファイルです。スマートフォンで操作することを前提に、問題（絵文字）を表示し、ユーザーが回答することができます。回答が正解かどうかを表示し、次の問題に進む仕組みです。全問題の回答が終わった場合には「クイズ終了！」と表示されます。

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋グッズランキング

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

了解しました。以下に難読漢字クイズのHTMLファイルを実装します。

```html
<!DOCTYPE html>
<html>
<head>
  <title>難読漢字クイズ</title>
</head>
<body>
  <h1>難読漢字クイズ</h1>
  <p id="question"></p>
  <input type="text" id="answer"></input>
  <button onclick="checkAnswer()">回答する</button>
  <p id="result"></p>

let currentQuiz = 0; // 現在の問題番号

// 問題を表示
    function displayQuestion() {
      document.getElementById('question').textContent = quizList[currentQuiz].question;
      document.getElementById('answer').value = '';
      document.getElementById('result').textContent = '';
    }

// 回答のチェック
    function checkAnswer() {
      const userAnswer = document.getElementById('answer').value;
      const correctAnswer = quizList[currentQuiz].answer;

if (userAnswer === correctAnswer) {
        document.getElementById('result').textContent = '正解！';
      } else {
        document.getElementById('result').textContent = '不正解...';
      }

currentQuiz++; // 次の問題に進む

// 全問題の回答が終了した場合
      if (currentQuiz >= quizList.length) {
        document.getElementById('question').textContent = 'クイズ終了！';
        document.getElementById('answer').style.display = 'none';
        document.getElementById('result').style.display = 'none';
        return;
      }

displayQuestion();
    }

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