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

No:15983

←

Prev Next

→

Space exploration
Developer User7031｜Date and time 23/9/14 12:44:24
Build time 36.686 sec｜Game capacity 4.393KB｜

Script

Exploration Spatiale

←

Prev　Next

→ 　

Back　

[PR]現在のプレゼントランキング

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

<!DOCTYPE html>
<html>
<head>
<style>
    body {
        font-family: Arial, sans-serif;
        text-align: center;
        margin-top: 100px;
    }
    
    h1 {
        font-size: 30px;
        margin-bottom: 20px;
    }
    
    #start-button {
        padding: 10px 20px;
        font-size: 20px;
        background-color: #4CAF50;
        color: white;
        border: none;
        cursor: pointer;
    }
    
    #game-container {
        margin-top: 50px;
        display: none;
    }
    
    #question {
        font-size: 24px;
    }
    
    #choices {
        margin-top: 20px;
    }
    
    .choice-button {
        margin: 10px;
        padding: 10px 20px;
        font-size: 16px;
        background-color: #4CAF50;
        color: white;
        border: none;
        cursor: pointer;
    }
    
    #result {
        margin-top: 30px;
        font-size: 20px;
        font-weight: bold;
    }
</style>
</head>
<body>
    <h1>Exploration Spatiale</h1>
    <button id="start-button">Commencer</button>
    <div id="game-container">
        <p id="question"></p>
        <div id="choices">
            <button class="choice-button"></button>
            <button class="choice-button"></button>
            <button class="choice-button"></button>
            <button class="choice-button"></button>
        </div>
        <p id="result"></p>
    </div>

// Quiz questions and correct answers
        const questions = [
            {
                question: 'Quel objet est utilisé pour voyager dans l\'espace ?',
                choices: choices,
                correctAnswerIndex: 0
            },
            {
                question: 'Quelle est la planète la plus proche de la Terre ?',
                choices: choices,
                correctAnswerIndex: 2
            },
            {
                question: 'Quelle planète est surnommée "la planète rouge" ?',
                choices: choices,
                correctAnswerIndex: 1
            },
            {
                question: 'Quel objet est utilisé pour la télécommunication ?',
                choices: choices,
                correctAnswerIndex: 3
            }
        ];

let currentQuestionIndex = 0;
        let score = 0;
        const startButton = document.getElementById('start-button');
        const gameContainer = document.getElementById('game-container');
        const questionElement = document.getElementById('question');
        const choiceButtons = document.querySelectorAll('.choice-button');
        const resultElement = document.getElementById('result');

startButton.addEventListener('click', startGame);

function startGame() {
            startButton.style.display = 'none';
            gameContainer.style.display = 'block';
            displayQuestion(questions[currentQuestionIndex]);
        }

function checkAnswer(selectedIndex, correctIndex) {
            if (selectedIndex === correctIndex) {
                score++;
                resultElement.innerText = 'Correct!';
            } else {
                resultElement.innerText = 'Incorrect!';
            }

setTimeout(() => {
                resultElement.innerText = '';
                currentQuestionIndex++;
                if (currentQuestionIndex === questions.length) {
                    endGame();
                } else {
                    displayQuestion(questions[currentQuestionIndex]);
                }
            }, 1000);
        }

function endGame() {
            gameContainer.style.display = 'none';
            questionElement.innerText = `Félicitations, vous avez terminé le jeu! Votre score est de ${score}/${questions.length}.`;
        }
    </script>
</body>
</html>