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

No:29884

←

Prev Next

→

漢字練習
Developer User14660｜Date and time 23/12/19 21:51:18
Build time 20.339 sec｜Game capacity 2.744KB｜

Script

了解しました。以下に、スマートフォンで遊べるシンプルなゲームの例を示します。このゲームは、ランダムな漢字の読みを当てるものです。

漢字あてゲーム

このプログラムでは、`kanjiList`配列に10個の漢字とその読みを定義しています。その後、HTMLの要素をJavaScriptで操作し、ランダムに選ばれた漢字の読みを当てるゲームを行っています。回答が正解かどうかに応じてスコアが加算され、全ての問題が終わった後にスコアが表示されます。

←

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>
</head>
<body>
    <h1>漢字あてゲーム</h1>
    <h2 id="kanji-display"></h2>
    <input type="text" id="guess-input">
    <button onclick="checkGuess()">回答する</button>
    <p id="result"></p>

let currentKanjiIndex = 0;
        let score = 0;

function displayKanji() {
            const kanjiDisplay = document.getElementById("kanji-display");
            kanjiDisplay.textContent = kanjiList[currentKanjiIndex].kanji;
        }

function checkGuess() {
            const guessInput = document.getElementById("guess-input");
            const result = document.getElementById("result");

if (guessInput.value === kanjiList[currentKanjiIndex].yomi) {
                result.textContent = "正解！";
                // 正解したらスコアを加算
                score++;
            } else {
                result.textContent = "不正解！";
            }

// 問題のインデックスをインクリメント
            currentKanjiIndex++;

// 全ての問題が終わったらスコアを表示
            if (currentKanjiIndex === kanjiList.length) {
                alert("ゲーム終了！\nスコア: " + score + " / " + kanjiList.length);
                return;
            }

// 次の問題を表示
            displayKanji();

// 入力欄をリセット
            guessInput.value = "";
        }

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