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

No:13510

Un jeu où on peut résoudre les problèmes mathémati..ALL
Developer User5869｜Date and time 23/8/28 19:45:11
Build time 35.238 sec｜Game capacity 5.775KB｜

Script

Jeu mathématique

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>

<head>
    <title>Jeu mathématique</title>
</head>

<body>
    <h1>Jeu mathématique</h1>
    <button id="startButton" onclick="startGame()">Commencer</button>
    <button id="settingsButton" onclick="showSettings()">Paramètres</button>

<div id="gameContainer" style="display: none;">
        <h2 id="levelName"></h2>
        <p id="question"></p>
        <input type="number" id="answerInput">
        <button onclick="submitAnswer()">Soumettre</button>
        <p id="score">Pts: 0</p>
    </div>

<div id="settingsContainer" style="display: none;">
        <h2>Paramètres</h2>
        <label for="languageSelect">Langue:</label>
        <select id="languageSelect">
            <option value="fr">Français</option>
            <option value="en">English</option>
        </select>
        <br><br>
        <label for="difficultySelect">Difficulté:</label>
        <select id="difficultySelect">
            <option value="easy">Facile</option>
            <option value="medium">Moyen</option>
            <option value="hard">Difficile</option>
        </select>
        <br><br>
        <label for="numLevelsInput">Nombre de niveaux:</label>
        <input type="number" id="numLevelsInput">
        <br><br>
        <button onclick="updateSettings()">Mettre à jour</button>
        <button onclick="hideSettings()">Fermer</button>
    </div>

function startGame() {
            document.getElementById("startButton").style.display = "none";
            document.getElementById("settingsButton").style.display = "none";
            document.getElementById("gameContainer").style.display = "block";
            showQuestion();
        }

function showQuestion() {
            document.getElementById("levelName").innerText = getLevelName(currentLevel);
            var question = generateQuestion(difficulty);
            document.getElementById("question").innerText = question;
            document.getElementById("answerInput").value = ""; // reset answer input
        }

function submitAnswer() {
            var answerInput = document.getElementById("answerInput").value;
            var isCorrect = checkAnswer(answerInput);

if (isCorrect) {
                score += 10;
                document.getElementById("score").innerText = "Pts: " + score;
                currentLevel++;
                if (currentLevel <= numLevels) {
                    showQuestion();
                } else {
                    endGame();
                }
            } else {
                endGame();
            }
        }

function endGame() {
            alert("Game over! Votre score final est de " + score + " points.");
            resetGame();
        }

function resetGame() {
            currentLevel = 1;
            score = 0;
            document.getElementById("startButton").style.display = "block";
            document.getElementById("settingsButton").style.display = "block";
            document.getElementById("gameContainer").style.display = "none";
        }

function generateQuestion(difficulty) {
            // Generate a math question based on the selected difficulty level
            var question = "";
            switch (difficulty) {
                case "easy":
                    question = "2 + 3 = ?";
                    break;
                case "medium":
                    question = "5 * 4 = ?";
                    break;
                case "hard":
                    question = "12 / 3 = ?";
                    break;
            }
            return question;
        }

function checkAnswer(answer) {
            var correctAnswer = getCorrectAnswer(difficulty);
            return answer == correctAnswer;
        }

function getCorrectAnswer(difficulty) {
            // Return the correct answer based on the selected difficulty level
            var correctAnswer = "";
            switch (difficulty) {
                case "easy":
                    correctAnswer = "5";
                    break;
                case "medium":
                    correctAnswer = "20";
                    break;
                case "hard":
                    correctAnswer = "4";
                    break;
            }
            return correctAnswer;
        }

function getLevelName(level) {
            // Return the level name based on the current level number
            var levelName = "";
            switch (level) {
                case 1:
                    levelName = "Niveau 1";
                    break;
                case 2:
                    levelName = "Niveau 2";
                    break;
                case 3:
                    levelName = "Niveau 3";
                    break;
                case 4:
                    levelName = "Niveau 4";
                    break;
                case 5:
                    levelName = "Niveau 5";
                    break;
            }
            return levelName;
        }

function showSettings() {
            document.getElementById("settingsContainer").style.display = "block";
        }

function hideSettings() {
            document.getElementById("settingsContainer").style.display = "none";
        }

function updateSettings() {
            language = document.getElementById("languageSelect").value;
            difficulty = document.getElementById("difficultySelect").value;
            numLevels = parseInt(document.getElementById("numLevelsInput").value);
            hideSettings();
        }
    </script>
</body>

</html>