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

No:42827

←

Prev Next

→

クイズ
Developer User3021｜Date and time 24/2/12 23:53:57
Build time 11.511 sec｜Game capacity 2.815KB｜

Script

了解しました。では、以下にサンプルとして簡単なクイズゲームのプログラムを示します。

クイズゲーム

ここに問題が表示されます

このプログラムは単純なクイズゲームです。最初の問題が表示され、プレイヤーが「Yes」または「No」のボタンをクリックすると、正誤が表示され次の問題が表示されます。全ての問題に回答したら、結果が表示され、ボタンが無効になります。以上が実装例です。もちろん、クイズの内容やルールを変更したり、ゲームのデザインを追加したりすることができます。お楽しみください！

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋アプリランキング

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

了解しました。では、以下にサンプルとして簡単なクイズゲームのプログラムを示します。

```html
<!DOCTYPE html>
<html>
<head>
    <title>クイズゲーム</title>
</head>
<body>
    <h1>クイズゲーム</h1>
    <p id="question">ここに問題が表示されます</p>
    <button onclick="checkAnswer(true)">はい</button>
    <button onclick="checkAnswer(false)">いいえ</button>
    <p id="result"></p>
    
    <script>
        const questions = [
            {
                question: "地球は太陽の周りを公転している。",
                answer: true
            },
            {
                question: "日本の首都は東京である。",
                answer: true
            },
            {
                question: "1プラス2は4である。",
                answer: false
            }
        ];
        
        let currentQuestionIndex = 0;
        
        function displayQuestion() {
            const questionElement = document.getElementById("question");
            questionElement.textContent = questions[currentQuestionIndex].question;
        }
        
        function checkAnswer(answer) {
            const resultElement = document.getElementById("result");
            
            if (answer === questions[currentQuestionIndex].answer) {
                resultElement.textContent = "正解！🎉";
            } else {
                resultElement.textContent = "不正解！😢";
            }
            
            // 次の問題へ
            currentQuestionIndex++;
            
            // 全ての問題に回答した場合は結果を表示し、ゲーム終了
            if (currentQuestionIndex === questions.length) {
                const questionElement = document.getElementById("question");
                questionElement.textContent = "ゲーム終了！";
                document.getElementsByTagName("button")[0].disabled = true;
                document.getElementsByTagName("button")[1].disabled = true;
            } else {
                setTimeout(displayQuestion, 1000); // 次の問題を表示するまでの待ち時間
            }
        }
        
        // ゲームの開始
        displayQuestion();
    </script>
</body>
</html>
```

このプログラムは単純なクイズゲームです。最初の問題が表示され、プレイヤーが「Yes」または「No」のボタンをクリックすると、正誤が表示され次の問題が表示されます。全ての問題に回答したら、結果が表示され、ボタンが無効になります。

以上が実装例です。もちろん、クイズの内容やルールを変更したり、ゲームのデザインを追加したりすることができます。お楽しみください！