Un jeu de 15 questions de la géographie. Un réponse correcte rapporte 1 point mais un réponse incorrect réduit 1 point.'s game

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

No:13352

←

Prev Next

→

Un jeu de 15 questions de la géographie. Un répons..ALL
Developer User5869｜Date and time 23/8/28 3:26:51
Build time 13.217 sec｜Game capacity 2.643KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
  <title>Le jeu de géographie</title>
</head>
<body>
  <script>
    var questions = [
      { 
        question: "Quelle est la capitale de la France ?",
        options: ["Londres", "Paris", "Berlin", "Madrid"],
        answer: 1
      },
      {
        question: "Quel est le plus grand océan du monde ?",
        options: ["Océan Atlantique", "Océan Indien", "Océan Pacifique", "Mer Méditerranée"],
        answer: 2
      },
      // Ajoutez les questions suivantes...
    ];
    
    var currentQuestion = 0;
    var score = 0;
    
    function displayQuestion() {
      var questionText = document.getElementById("question-text");
      var optionsList = document.getElementById("options-list");
      
      questionText.textContent = questions[currentQuestion].question;
      
      optionsList.innerHTML = "";
      for (var i = 0; i < questions[currentQuestion].options.length; i++) {
        var listItem = document.createElement("li");
        listItem.setAttribute("onclick", "checkAnswer(" + i + ")");
        listItem.textContent = questions[currentQuestion].options[i];
        optionsList.appendChild(listItem);
      }
    }
    
    function checkAnswer(answerIndex) {
      if (answerIndex === questions[currentQuestion].answer) {
        score += 1;
      } else {
        score -= 1;
      }
      
      if (currentQuestion < questions.length - 1) {
        currentQuestion += 1;
        displayQuestion();
      } else {
        endGame();
      }
    }
    
    function endGame() {
      var questionContainer = document.getElementById("question-container");
      
      questionContainer.innerHTML = "";
      
      var resultText = document.createElement("p");
      resultText.textContent = "Votre score final est de " + score + " sur " + questions.length;
      questionContainer.appendChild(resultText);
    }
    
    // Début du jeu
    displayQuestion();
  </script>
  
  <style>
    body {
      padding: 20px;
      font-family: Arial, sans-serif;
    }
    
    h1 {
      text-align: center;
      margin-bottom: 20px;
    }
    
    #question-container {
      max-width: 600px;
      margin: 0 auto;
      padding: 20px;
      border: 1px solid #ccc;
      border-radius: 5px;
    }
    
    #question-text {
      font-size: 18px;
      font-weight: bold;
      margin-bottom: 10px;
    }
    
    #options-list {
      list-style-type: none;
      padding-left: 0;
    }
    
    #options-list li {
      cursor: pointer;
      padding: 10px;
      border: 1px solid #ccc;
      border-radius: 5px;
      margin-bottom: 10px;
    }
  </style>
</body>
</html>