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

No:42689

←

Prev Next

→

漢字ドリル
Developer User18862｜Date and time 24/2/12 18:23:39
Build time 11.821 sec｜Game capacity 2.828KB｜

Script

了解いたしました。以下に、スマホで操作可能な漢字ドリルのゲームを作成したサンプルコードを示します。このコードは1枚のHTMLファイルとして実装されており、JavaScriptも含まれています。

漢字ドリル

このゲームでは、画面上部に表示される問題文を読んで、選択肢のボタンをタップして答えを選択します。選択した答えが正解かどうかが判定され、正解の場合は「正解！」と、不正解の場合は「不正解...」というアラートが表示されます。全ての問題に回答した後、最後に「ゲーム終了！」というアラートが表示されます。絵文字は表示によって環境によってサポートされない場合もあるため、今回のサンプルコードでは使用しておりません。

←

Prev　Next

→ 　

Back　

[PR]現在の人気ゲームランキング

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

了解いたしました。

以下に、スマホで操作可能な漢字ドリルのゲームを作成したサンプルコードを示します。このコードは1枚のHTMLファイルとして実装されており、JavaScriptも含まれています。

```html
<!DOCTYPE html>
<html>
<head>
  <title>漢字ドリル</title>
  <style>
    body {
      text-align: center;
      padding: 50px;
      font-size: 25px;
    }
    #question {
      font-size: 50px;
    }
    button {
      margin: 10px;
      font-size: 20px;
      padding: 10px 20px;
    }
  </style>
</head>
<body>
  <h1>漢字ドリル</h1>
  <div id="question"></div>
  <button id="option1"></button>
  <button id="option2"></button>

var questionIndex = 0;

function setupQuestion() {
      var currentQuestion = kanjiList[questionIndex];
      document.getElementById('question').textContent = currentQuestion.question;
      document.getElementById('option1').textContent = currentQuestion.options[0];
      document.getElementById('option2').textContent = currentQuestion.options[1];
    }

setupQuestion();
    document.getElementById('option1').addEventListener('click', function() {
      checkAnswer(0);
    });
    document.getElementById('option2').addEventListener('click', function() {
      checkAnswer(1);
    });
  </script>
</body>
</html>
```

このゲームでは、画面上部に表示される問題文を読んで、選択肢のボタンをタップして答えを選択します。選択した答えが正解かどうかが判定され、正解の場合は「正解！」と、不正解の場合は「不正解...」というアラートが表示されます。全ての問題に回答した後、最後に「ゲーム終了！」というアラートが表示されます。

絵文字は表示によって環境によってサポートされない場合もあるため、今回のサンプルコードでは使用しておりません。