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

No:11923

Guess the pictograms with a classy hand menu
Developer User4917｜Date and time 23/8/13 6:05:14
Build time 26.837 sec｜Game capacity 3.766KB｜

Script

Devine le pictogramme

Bienvenue!

Devine le pictogramme:

Résultat:

←

Prev　Next

→ 　

Back　

[PR]現在のプレゼントランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>Devine le pictogramme</title>
    <style>
        body {
            text-align: center;
            background-color: #f2f2f2;
            font-family: Arial, sans-serif;
            margin-top: 100px;
        }

h1 {
            color: #333333;
            font-size: 32px;
        }

h2 {
            color: #666666;
            font-size: 24px;
        }

button {
            margin-top: 20px;
            padding: 10px 20px;
            font-size: 20px;
            background-color: #33cc33;
            color: #ffffff;
            border: none;
            border-radius: 5px;
            cursor: pointer;
        }

#mainMenu {
            display: flex;
            flex-direction: column;
            align-items: center;
        }

#gameContainer {
            display: none;
        }

#resultContainer {
            display: none;
        }

#result {
            margin-top: 20px;
            font-size: 20px;
            font-weight: bold;
        }
    </style>
</head>
<body>
<script>
    /** Pictogram data **/
    var pictograms = [
        { name: "☀️", hint: "C'est le symbole du soleil" },
        { name: "❤️", hint: "Il représente l'amour" },
        { name: "☁️", hint: "C'est une icône pour les nuages" },
        { name: "⚽️", hint: "Le ballon de football" },
        { name: "⌛️", hint: "Ce symbole représente le temps" }
        // Add more pictograms here as desired
    ];

/** Game logic **/
    var currentPictogram;
    var attempts;
    var totalAttempts;

function startGame() {
        attempts = 0;
        totalAttempts = 3;
        selectRandomPictogram();
        
        document.getElementById("mainMenu").style.display = "none";
        document.getElementById("gameContainer").style.display = "block";
        document.getElementById("resultContainer").style.display = "none";
    }

function selectRandomPictogram() {
        var randomIndex = Math.floor(Math.random() * pictograms.length);
        currentPictogram = pictograms[randomIndex];
    }

function checkAnswer() {
        var userAnswer = document.getElementById("answerInput").value.toLowerCase();

if (userAnswer === currentPictogram.name.toLowerCase()) {
            showResult(true);
        } else {
            attempts++;
            if (attempts === totalAttempts) {
                showResult(false);
            } else {
                alert("Mauvaise réponse! Essaye encore.");
            }
        }
    }

<h1>Devine le pictogramme</h1>

<div id="mainMenu">
    <h2>Bienvenue!</h2>
    <button onclick="startGame()">Commencer</button>
</div>

<div id="gameContainer">
    <h2>Devine le pictogramme:</h2>
    <h1 id="pictogramName"></h1>
    <input type="text" id="answerInput" placeholder="Entrez votre réponse" />
    <button onclick="checkAnswer()">Vérifier</button>
</div>

<div id="resultContainer">
    <h2>Résultat:</h2>
    <h1 id="result"></h1>
    <button onclick="startGame()">Rejouer</button>
</div>