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

No:4359

5288

←

Prev Next

→

A game in which a sister gently teaches the C lang..ALL
Developer AI絵師｜Date and time 23/6/27 20:40:48
Build time 44.703 sec｜Game capacity 4.551KB｜

Script

を作ってみました。以下が実装例です。

お姉さんが優しくC言語を教えてくれるゲーム

あなたは新米プログラマー。あなたの夢はC言語のスーパースターになることです。

ある日、あなたはあなたの夢を叶えるためにあるお姉さんに出会います。彼女はC言語プログラマーのエキスパートであり、あなたに学ぶことを教えてくれます。

準備ができたら、"Start"ボタンをクリックして、あなたのC言語プログラマーの冒険を始めましょう！

←

Prev　Next

→ 　

Back　

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

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

を作ってみました。

以下が実装例です。

<!DOCTYPE html>
<html>

<head>
  <meta charset="UTF-8">
  <title>お姉さんが優しくC言語を教えてくれる</title>
</head>

<body>
  <h1>お姉さんが優しくC言語を教えてくれるゲーム</h1>
  <p>あなたは新米プログラマー。あなたの夢はC言語のスーパースターになることです。</p>
  <p>ある日、あなたはあなたの夢を叶えるためにあるお姉さんに出会います。彼女はC言語プログラマーのエキスパートであり、あなたに学ぶことを教えてくれます。</p>
  <p>準備ができたら、"Start"ボタンをクリックして、あなたのC言語プログラマーの冒険を始めましょう！</p>
  <button onclick="start()">Start</button>

document.body.innerHTML = "";

//ループ処理で問題を表示して、選択肢から答えを選ぶ
      for (var i = 0; i < questions.length; i++) {
        var questionDiv = document.createElement("div");
        questionDiv.innerHTML = "<h2>問題" + (i + 1) + "</h2><p>" + questions[i].question + "</p>";
        var answersDiv = document.createElement("div");
        for (var j = 0; j < questions[i].answers.length; j++) {
          var answerButton = document.createElement("button");
          answerButton.innerHTML = questions[i].answers[j];
          answerButton.onclick = function() {
            if (this.textContent == questions[currentQuestion].answers[questions[currentQuestion].correctAnswer]) {
              score++;
              alert("正解！");
            } else {
              alert("不正解！");
            }
            currentQuestion++;
            if (currentQuestion == questions.length) {
              endGame();
            } else {
              displayQuestion();
            }
          }
          answersDiv.appendChild(answerButton);
        }
        questionDiv.appendChild(answersDiv);
        document.body.appendChild(questionDiv);
      }

function endGame() {
        document.body.innerHTML = "<h1>おめでとう！スコアは" + score + "/" + questions.length + "でした！</h1>";
      }

displayQuestion();
    }
  </script>
</body>

</html>