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

No:16488

←

Prev Next

→

Chien
Developer User6842｜Date and time 23/9/18 19:40:44
Build time 26.644 sec｜Game capacity 2.735KB｜

Script

Je suis un programmeur, voici un exemple d'un jeu simple implémenté en tant que fichier HTML unique, contenant JavaScript, et écrit dans des balises de script. Ce jeu peut être joué sur un smartphone et utilise des pictogrammes.

Jeu du Chien

Trouvez le chien caché parmi les animaux :

🐱 🐶 🐭 🐷 🐮

Ce jeu s'appelle "Jeu du Chien". Le joueur doit trouver le chien caché parmi les pictogrammes d'autres animaux. Lorsqu'il sélectionne l'un des boutons correspondant à un animal, le programme compare la réponse donnée avec l'animal réellement caché et affiche un message d'alerte pour indiquer si la réponse est correcte ou non. Notez que vous pouvez personnaliser les pictogrammes en modifiant les emojis dans les balises à l'intérieur de la div avec l'id "animals-container".

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

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

```html
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Jeu du Chien</title>
    <style>
        #game-container {
            text-align: center;
            padding-top: 100px;
        }
        #options-container {
            margin-top: 50px;
            display: flex;
            justify-content: center;
        }
        .icon {
            font-size: 3em;
            padding: 10px;
        }
    </style>
</head>
<body>
    <div id="game-container">
        <h1>Jeu du Chien</h1>
        <p>Trouvez le chien caché parmi les animaux :</p>
        <div id="animals-container">
            <span class="icon">🐱</span>
            <span class="icon">🐶</span>
            <span class="icon">🐭</span>
            <span class="icon">🐷</span>
            <span class="icon">🐮</span>
        </div>
    </div>

<div id="options-container">
        <button onclick="checkAnswer('🐶')">Chien</button>
        <button onclick="checkAnswer('🐱')">Chat</button>
        <button onclick="checkAnswer('🐭')">Souris</button>
        <button onclick="checkAnswer('🐷')">Cochon</button>
        <button onclick="checkAnswer('🐮')">Vache</button>
    </div>

const randomNumber = Math.floor(Math.random() * animals.length);
            const randomAnimal = animals[randomNumber];
            randomAnimal.style.border = '2px solid green';
            randomAnimal.style.backgroundColor = 'lightgreen';

if (randomAnimal.textContent === answer) {
                alert('Bravo ! Vous avez trouvé le chien.');
            } else {
                alert('Dommage, ce n\'est pas le chien. Réessayez !');
            }
        }
    </script>
</body>
</html>
```

Notez que vous pouvez personnaliser les pictogrammes en modifiant les emojis dans les balises <span> à l'intérieur de la div avec l'id "animals-container".