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

No:13504

111

←

Prev Next

→

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

Script

Jeu de Mathématiques

Pts: 0

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>

<head>
  <title>Jeu de Mathématiques</title>
  <style>
    body {
      font-family: Arial, sans-serif;
    }

.game-container {
      text-align: center;
      width: 400px;
      margin: 0 auto;
    }

h1 {
      margin-top: 50px;
    }

#question {
      font-size: 24px;
      margin: 30px 0;
    }

#answer {
      font-size: 18px;
      padding: 10px;
      width: 150px;
      text-align: center;
      margin: 20px auto;
    }

#submit-btn {
      padding: 10px 20px;
      background-color: #4CAF50;
      color: white;
      border: none;
      cursor: pointer;
    }

#result {
      margin-top: 30px;
      font-size: 24px;
    }
  </style>
</head>

<body>
  <div class="game-container">
    <h1>Jeu de Mathématiques</h1>
    <div id="question"></div>
    <input type="text" id="answer" placeholder="Réponse">
    <button id="submit-btn">Soumettre</button>
    <div id="result"></div>
    <div id="score">Pts: 0</div>
  </div>

// Questions mathématiques
    var questions = [{
        question: "2 + 2 = ?",
        answer: "4"
      },
      {
        question: "7 - 2 = ?",
        answer: "5"
      },
      {
        question: "3 x 4 = ?",
        answer: "12"
      },
      {
        question: "10 ÷ 2 = ?",
        answer: "5"
      }
    ];

// Sélectionne une question aléatoire
    function selectQuestion() {
      var randomIndex = Math.floor(Math.random() * questions.length);
      return questions[randomIndex];
    }

// Affiche une nouvelle question
    function displayQuestion() {
      var questionElement = document.getElementById("question");
      var question = selectQuestion();
      questionElement.innerHTML = question.question;
    }

// Vérifie la réponse et met à jour le score
    function checkAnswer() {
      var userAnswer = document.getElementById("answer").value;
      var currentQuestion = questions[questionCount];

if (userAnswer === currentQuestion.answer) {
        score += 10;
      } else {
        gameOver();
        return;
      }

questionCount++;
      displayQuestion();
      updateScore();
      clearInput();
    }

// Met à jour le score affiché
    function updateScore() {
      var scoreElement = document.getElementById("score");
      scoreElement.innerHTML = "Pts: " + score;
    }

// Réinitialise l'entrée utilisateur
    function clearInput() {
      document.getElementById("answer").value = "";
    }

// Termine le jeu
    function gameOver() {
      var resultElement = document.getElementById("result");
      var gameContainer = document.getElementsByClassName("game-container")[0];

gameContainer.innerHTML = ""; // Supprime tous les éléments du jeu

resultElement.innerHTML = "Game Over! Votre score final: " + score;
    }

// Événement lors du clic sur le bouton Soumettre
    document.getElementById("submit-btn").addEventListener("click", function() {
      checkAnswer();
    });

// Démarre le jeu
    displayQuestion();
    updateScore();
  </script>
</body>

</html>