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

No:42463

117

←

Prev Next

→

Lemmer my Boss
Developer User18885｜Date and time 24/2/11 20:09:01
Build time 11.463 sec｜Game capacity 3.583KB｜

Script

Bien sûr, voici un exemple de programme HTML qui implémente un jeu simple utilisant JavaScript et des pictogrammes :

Jeu de devinettes

Ce programme crée un jeu de devinettes où l'utilisateur doit choisir le pictogramme correct en fonction de la question posée. À la fin du jeu, le score est affiché. Assurez-vous de remplacer les noms de fichiers "emozi_dog.png", "emozi_himawari.png", etc. par les noms réels de vos pictogrammes. Placez les images des pictogrammes dans le même répertoire que le fichier HTML.

←

Prev　Next

→ 　

Back　

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

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

Bien sûr, voici un exemple de programme HTML qui implémente un jeu simple utilisant JavaScript et des pictogrammes :

```html
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>Jeu de devinettes</title>
  <style>
    body {
      text-align: center;
      font-family: Arial, sans-serif;
      margin-top: 100px;
    }
    
    h1 {
      font-size: 24px;
    }
    
    #score {
      font-size: 18px;
      margin-top: 20px;
    }
    
    #question {
      font-size: 36px;
      margin-top: 50px;
    }
    
    #choices {
      margin-top: 50px;
    }
    
    button {
      margin: 5px;
      padding: 10px 20px;
      font-size: 24px;
      background-color: #eee;
      border: none;
      border-radius: 5px;
      cursor: pointer;
    }
  </style>
</head>
<body>
  <h1>Jeu de devinettes</h1>
  <div id="score"></div>
  <div id="question"></div>
  <div id="choices">
    <button onclick="checkAnswer(0)"><img src="pictogramme1.png" alt="Picto 1"></button>
    <button onclick="checkAnswer(1)"><img src="pictogramme2.png" alt="Picto 2"></button>
    <button onclick="checkAnswer(2)"><img src="pictogramme3.png" alt="Picto 3"></button>
    <button onclick="checkAnswer(3)"><img src="pictogramme4.png" alt="Picto 4"></button>
  </div>
  
  <script>
    // Liste des questions et réponses
    const questions = [
      {
        question: "Trouvez le bon pictogramme pour représenter un chat.",
        choices: ["pictogramme1", "pictogramme2", "pictogramme3", "pictogramme4"],
        correctAnswer: 2
      },
      {
        question: "Quel pictogramme représente une voiture ?",
        choices: ["pictogramme1", "pictogramme2", "pictogramme3", "pictogramme4"],
        correctAnswer: 0
      },
      // Ajoutez plus de questions avec leurs réponses ici
    ];
    
    let score = 0;
    let currentQuestion = 0;
    
    function startGame() {
      showQuestion();
    }
    
    function showQuestion() {
      if (currentQuestion >= questions.length) {
        endGame();
        return;
      }
      
      const question = questions[currentQuestion];
      
      document.getElementById("score").innerText = "Score: " + score;
      document.getElementById("question").innerText = question.question;
      
      const choices = document.getElementById("choices");
      choices.innerHTML = "";
      
      for (let i = 0; i < question.choices.length; i++) {
        const button = document.createElement("button");
        button.innerHTML = '<img src="' + question.choices[i] + '.png" alt="Picto ' + (i + 1) +'">';
        button.onclick = function() {
          checkAnswer(i);
        }
        
        choices.appendChild(button);
      }
    }
    
    function checkAnswer(choice) {
      const question = questions[currentQuestion];
      
      if (choice === question.correctAnswer) {
        score++;
      }
      
      currentQuestion++;
      showQuestion();
    }
    
    function endGame() {
      document.getElementById("question").innerText = "Félicitations, vous avez terminé le jeu ! Votre score est de " + score;
      document.getElementById("choices").innerHTML = "";
    }
    
    startGame();
  </script>
</body>
</html>
```

Ce programme crée un jeu de devinettes où l'utilisateur doit choisir le pictogramme correct en fonction de la question posée. À la fin du jeu, le score est affiché.

Assurez-vous de remplacer les noms de fichiers "pictogramme1.png", "pictogramme2.png", etc. par les noms réels de vos pictogrammes. Placez les images des pictogrammes dans le même répertoire que le fichier HTML.