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

No:13324

112

←

Prev Next

→

Calculator app with questions, score display and s..ALL
Developer User5869｜Date and time 23/8/28 2:42:03
Build time 15.467 sec｜Game capacity 2.646KB｜

Script

Calculatrice - Jeu

Score: 0

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

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

<!DOCTYPE html>
<html lang="fr">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Calculatrice - Jeu</title>
</head>
<body>
  <h1>Calculatrice - Jeu</h1>

<input type="text" id="answerInput" placeholder="Entrez votre réponse">
  <button id="submitBtn">Soumettre</button>

<h2 id="questionDisplay"></h2>
  <h3 id="scoreDisplay">Score: <span id="score">0</span></h3>

// Tableau de questions et réponses
    const questions = [
      { question: "2 + 2", answer: "4" },
      { question: "10 - 5", answer: "5" },
      { question: "4 * 3", answer: "12" },
      { question: "8 / 2", answer: "4" },
      { question: "9 + 1", answer: "10" },
      { question: "15 - 7", answer: "8" }
      // Ajoutez davantage de questions selon vos besoins
    ];

// Fonction pour afficher une question aléatoire
    function displayRandomQuestion() {
      const randomIndex = Math.floor(Math.random() * questions.length);
      const questionObj = questions[randomIndex];
      
      // Affiche la question dans l'élément 'questionDisplay'
      document.getElementById('questionDisplay').textContent = questionObj.question;
      
      // Stocke la réponse correcte dans l'attribut 'data-answer' de l'élément 'submitBtn'
      document.getElementById('submitBtn').dataset.answer = questionObj.answer;
    }

// Fonction pour gérer la soumission de la réponse
    function submitAnswer() {
      const userAnswer = document.getElementById('answerInput').value;
      const correctAnswer = document.getElementById('submitBtn').dataset.answer;
      
      // Vérifie si la réponse de l'utilisateur correspond à la réponse correcte
      if (userAnswer === correctAnswer) {
        // Incrémente le score en fonction du multiplicateur de score actuel
        score += scoreMultiplier;
        document.getElementById('score').textContent = score;
        
        // Augmente le multiplicateur de score
        scoreMultiplier++;
      }
      
      // Affiche une nouvelle question
      displayRandomQuestion();
      
      // Réinitialise la zone de texte de la réponse
      document.getElementById('answerInput').value = '';
    }

// Événement de clic pour soumettre la réponse
    document.getElementById('submitBtn').addEventListener('click', submitAnswer);

// Appelle la fonction pour afficher la première question au chargement de la page
    displayRandomQuestion();
  </script>
</body>
</html>