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

No:8327

2841

←

Prev Next

→

NES 40th Anniversary
Developer User4160｜Date and time 23/7/15 3:45:59
Build time 26.116 sec｜Game capacity 3.085KB｜

Script

了解しました。では、ファミコン40周年を祝って、クイズゲームを作成しましょう。以下がHTMLファイルの実装例です。

ファミコン40周年クイズ

このコードでは、3つのクイズを用意しており、ユーザーはそれぞれのクイズに対して選択肢から回答を選択します。正解するとスコアが加算され、最後のクイズまで回答すると結果が表示されます。このHTMLファイルをブラウザで開くと、ファミコン40周年クイズが遊べるようになります。スマホでも操作可能です。絵文字は使用していませんが、ボタンのテキスト部分に適宜絵文字を追加することも可能です。

←

Prev　Next

→ 　

Back　

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

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

了解しました。では、ファミコン40周年を祝って、クイズゲームを作成しましょう。以下がHTMLファイルの実装例です。

```html
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>ファミコン40周年クイズ</title>
</head>
<body>
  <h1>ファミコン40周年クイズ</h1>
  <div id="question"></div>
  <div id="choices"></div>
  <button onclick="checkAnswer()">回答する</button>
  <div id="result"></div>

let currentQuestion = 0;
    let score = 0;
    const questionElement = document.getElementById("question");
    const choicesElement = document.getElementById("choices");
    const resultElement = document.getElementById("result");

function showQuestion() {
      questionElement.textContent = quizData[currentQuestion].question;

choicesElement.innerHTML = "";
      for (let i = 0; i < quizData[currentQuestion].choices.length; i++) {
        const choice = document.createElement("button");
        choice.textContent = quizData[currentQuestion].choices[i];
        choice.onclick = function() {
          selectAnswer(i);
        }
        choicesElement.appendChild(choice);
      }
    }

function checkAnswer() {
      if (currentQuestion < quizData.length) {
        alert("回答を選択してください！");
      } else {
        showResult();
      }
    }

// ゲーム開始
    showQuestion();

</script>
</body>
</html>
```

このコードでは、3つのクイズを用意しており、ユーザーはそれぞれのクイズに対して選択肢から回答を選択します。正解するとスコアが加算され、最後のクイズまで回答すると結果が表示されます。

このHTMLファイルをブラウザで開くと、ファミコン40周年クイズが遊べるようになります。スマホでも操作可能です。絵文字は使用していませんが、ボタンのテキスト部分に適宜絵文字を追加することも可能です。