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

No:11649

180

←

Prev Next

→

Math breaking
Developer User4917｜Date and time 23/8/11 16:26:57
Build time 28.594 sec｜Game capacity 3.791KB｜

Script

D'accord, voici un exemple de jeu mathématique qui peut être implémenté en tant que fichier HTML unique avec JavaScript. Le jeu sera conçu pour une opération sur smartphone et utilisera des pictogrammes si possible. Voici le code :

Jeu Mathématique

Ce code crée un jeu mathématique simple où les questions sont affichées sous forme de pictogrammes mathématiques. L'utilisateur doit entrer la réponse dans un champ de texte, puis cliquer sur le bouton Soumettre pour vérifier leur réponse. Un message de résultat s'affiche ensuite (correct ou incorrect), suivi de la question suivante après une brève pause. Le jeu se poursuit en boucle avec les questions prédéfinies. J'espère que cela répond à votre demande !

←

Prev　Next

→ 　

Back　

[PR]現在の人気グッズランキング

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

```html
<!DOCTYPE html>
<html>
<head>
  <title>Jeu mathématique</title>
</head>
<body>
  <h1>Jeu Mathématique</h1>
  
  <div id="question-container"></div>
  <input type="number" id="answer-input" placeholder="Réponse">
  <button id="submit-button">Soumettre</button>
  <div id="result-container"></div>
  
  <script>
    // Tableau de pictogrammes mathématiques
    const pictograms = {
      addition: "➕",
      soustraction: "➖",
      multiplication: "✖️",
      division: "➗",
      egal: "➡️",
      correct: "✅",
      incorrect: "❌"
    };
    
    // Tableau de questions
    const questions = [
      { operation: 'addition', operand1: 5, operand2: 3, answer: 8 },
      { operation: 'soustraction', operand1: 10, operand2: 4, answer: 6 },
      { operation: 'multiplication', operand1: 2, operand2: 6, answer: 12 },
      { operation: 'division', operand1: 20, operand2: 5, answer: 4 }
    ];
    
    let currentQuestionIndex = 0;
    
    function generateQuestion() {
      const questionContainer = document.getElementById('question-container');
      const currentQuestion = questions[currentQuestionIndex];
      
      // Créer la question en utilisant les pictogrammes correspondants
      const pictogram1 = pictograms[currentQuestion.operation];
      const pictogram2 = pictograms['egal'];
      const pictogram3 = pictograms[currentQuestion.operation];
      
      const questionHTML = `${currentQuestion.operand1} ${pictogram1} ${currentQuestion.operand2} ${pictogram2} ? ${pictogram3}`;
      questionContainer.innerHTML = questionHTML;
    }
    
    function compareAnswer() {
      const input = document.getElementById('answer-input');
      const resultContainer = document.getElementById('result-container');
      const currentQuestion = questions[currentQuestionIndex];
      
      const userAnswer = parseInt(input.value);
      
      if (userAnswer === currentQuestion.answer) {
        resultContainer.innerHTML = pictograms['correct'];
      } else {
        resultContainer.innerHTML = pictograms['incorrect'];
      }
      
      // Passer à la question suivante après une courte pause
      setTimeout(nextQuestion, 1500);
    }
    
    function nextQuestion() {
      const input = document.getElementById('answer-input');
      const resultContainer = document.getElementById('result-container');
      
      // Réinitialiser l'entrée de l'utilisateur et le résultat affiché
      input.value = '';
      resultContainer.innerHTML = '';
      
      // Passer à la question suivante ou revenir à la première question si toutes les questions ont été posées
      currentQuestionIndex++;
      if (currentQuestionIndex === questions.length) {
        currentQuestionIndex = 0;
      }
      
      // Générer la nouvelle question
      generateQuestion();
    }
    
    // Event listeners
    document.getElementById('submit-button').addEventListener('click', compareAnswer);
    
    // Démarrer le jeu avec la première question
    generateQuestion();
  </script>
</body>
</html>
```

J'espère que cela répond à votre demande !