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

No:7696

1913

←

Prev Next

→

Development Quiz
Developer o2pi4｜Date and time 23/7/9 13:22:23
Build time 13.068 sec｜Game capacity 3.186KB｜

Script

以下は、展開図クイズの例です。

展開図クイズ

このプログラムは、展開図のクイズをゲームとして遊ぶことができます。3つの問題があり、選択肢から正しい回答を選ぶ形式です。選択肢のボタンをクリックすると、正解か不正解のメッセージが表示されます。全ての問題に回答すると、終了メッセージが表示されます。部分的にゲーム化された展開図クイズとなっています。

←

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>
    
    <div id="quiz"></div>

let currentQuestionIndex = 0; // 現在の問題番号

const quizContainer = document.getElementById('quiz');

// 問題を表示する関数
        function showQuestion() {
            const currentQuestion = quizData[currentQuestionIndex];
            quizContainer.textContent = currentQuestion.question;

// 選択肢を表示
            currentQuestion.options.forEach((option, index) => {
                const optionButton = document.createElement('button');
                optionButton.textContent = option;
                optionButton.addEventListener('click', checkAnswer);
                quizContainer.appendChild(optionButton);
            });
        }

// 回答をチェックする関数
        function checkAnswer(event) {
            const selectedOption = event.target.textContent;
            const currentQuestion = quizData[currentQuestionIndex];

if (selectedOption === currentQuestion.answer) {
                alert('正解！');
            } else {
                alert('不正解！');
            }

currentQuestionIndex++;

// 最後の問題の場合、終了メッセージを表示する
            if (currentQuestionIndex === quizData.length) {
                quizContainer.textContent = 'クイズ終了！お疲れ様でした！';
            } else {
                // 次の問題を表示
                quizContainer.innerHTML = '';
                showQuestion();
            }
        }

showQuestion(); // 最初の問題を表示
    </script>
</body>
</html>
```