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

No:39660

←

Prev Next

→

粉々メンマ
Developer User17762｜Date and time 24/1/29 18:58:40
Build time 21.338 sec｜Game capacity 3.834KB｜

Script

了解。以下に、スマホで遊べるクイズゲームの実装例を示します。

クイズゲーム

上記のコードでは、3つのクイズの問題と選択肢があります。スマホでアクセスした場合、問題と選択肢が表示され、ボタンをタップすることで回答を選ぶことができます。正解するとスコアが加算され、最後の問題まで回答したら正解数がアラートで表示されます。また、リロードすることでゲームをやり直すことができます。

←

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>
    <div id="question"></div>
    <button id="option1"></button>
    <button id="option2"></button>
    <button id="option3"></button>
    <button id="option4"></button>

var currentQuestion = 0;
        var score = 0;

function displayQuestion() {
            var questionElement = document.getElementById("question");
            var option1Element = document.getElementById("option1");
            var option2Element = document.getElementById("option2");
            var option3Element = document.getElementById("option3");
            var option4Element = document.getElementById("option4");

var question = questions[currentQuestion];
            questionElement.textContent = question.question;
            option1Element.textContent = question.options[0];
            option2Element.textContent = question.options[1];
            option3Element.textContent = question.options[2];
            option4Element.textContent = question.options[3];
        }

function checkAnswer(option) {
            var question = questions[currentQuestion];
            var answer = question.answer;

if (option === answer) {
                score++;
            }

// 最後の問題でなければ次の問題へ進む
            if (currentQuestion < questions.length - 1) {
                currentQuestion++;
                displayQuestion();
            } else {
                // ゲーム終了時の処理
                var resultMessage = "正解数: " + score + "/" + questions.length;
                alert(resultMessage);
                location.reload(); // ページをリロードしてゲームをやり直す
            }
        }

// 問題の表示を開始する
        displayQuestion();

// ボタンクリック時の処理を設定する
        var option1Element = document.getElementById("option1");
        var option2Element = document.getElementById("option2");
        var option3Element = document.getElementById("option3");
        var option4Element = document.getElementById("option4");

option1Element.addEventListener("click", function() {
            checkAnswer(0);
        });
        option2Element.addEventListener("click", function() {
            checkAnswer(1);
        });
        option3Element.addEventListener("click", function() {
            checkAnswer(2);
        });
        option4Element.addEventListener("click", function() {
            checkAnswer(3);
        });
    </script>
</body>
</html>
```