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

No:33072

表示された英単語の和訳を四択の中から当てて、敵を倒すゲーム。ワンプレイ当たり20単語くらいで、当てる..ALL
Developer User15641｜Date and time 24/1/2 13:08:21
Build time 22.303 sec｜Game capacity 2.337KB｜

Script

了解します。以下に実装例を示します。

英単語クイズ

この例では、英単語データを配列として用意し、問題と正解の選択肢を表示します。ユーザーが選択した選択肢が正解かどうかを判定し、スコアを計算していきます。全ての問題が終了した時に、最終的なスコアを表示します。この例では簡単な形式のゲームとなっていますが、必要に応じて難易度を上げるための追加の実装や機能を追加することができます。

←

Prev　Next

→ 　

Back　

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

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

了解します。以下に実装例を示します。

```html
<!DOCTYPE html>
<html lang="ja">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>英単語クイズ</title>
</head>
<body>
  <h1>英単語クイズ</h1>
  <p id="question"></p>
  <div id="choices"></div>

let level = 0;
    let score = 0;

// 問題を表示する関数
    function showQuestion() {
      const questionElement = document.getElementById("question");
      const choicesElement = document.getElementById("choices");

// 問題文を表示
      questionElement.textContent = words[level].question;

// 選択肢を表示
      choicesElement.innerHTML = "";
      for (let i = 0; i < words[level].choices.length; i++) {
        const btn = document.createElement("button");
        btn.textContent = words[level].choices[i];
        btn.addEventListener("click", checkAnswer);
        choicesElement.appendChild(btn);
      }
    }

// 回答をチェックする関数
    function checkAnswer(event) {
      const answer = event.target.textContent;
      if (answer === words[level].answer) {
        score++;
      }

// レベルを進める
      level++;

// ゲーム終了時の処理
      if (level >= words.length) {
        alert("ゲーム終了！ あなたのスコアは " + score + " 点です。");
        return;
      }

// 次の問題を表示
      showQuestion();
    }

// ゲームを開始する
    showQuestion();
  </script>
</body>
</html>
```

この例では、英単語データを配列として用意し、問題と正解の選択肢を表示します。ユーザーが選択した選択肢が正解かどうかを判定し、スコアを計算していきます。全ての問題が終了した時に、最終的なスコアを表示します。

この例では簡単な形式のゲームとなっていますが、必要に応じて難易度を上げるための追加の実装や機能を追加することができます。