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

No:13368

Créer un générateur de drapeau à partir 12 options..ALL
Developer User5869｜Date and time 23/8/28 3:48:20
Build time 14.434 sec｜Game capacity 2.59KB｜

Script

Voici un exemple d'implémentation d'un générateur de drapeau en utilisant 12 options, 3 étapes et la possibilité de donner un nom au drapeau. Le jeu est conçu pour être joué sur un smartphone et utilise des pictogrammes.

Générateur de Drapeau

Étape 1 : Sélectionnez une option

Étape 2 : Sélectionnez une option

Étape 3 : Sélectionnez une option

Entrez un nom pour votre drapeau :

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
    <title>Générateur de Drapeau</title>
</head>
<body>
    <script>
        // Création d'une liste d'options pour chaque étape
        var optionsEtape1 = [
            { nom: "option1", pictogramme: "🟥" },  // exemple de pictogramme pour option1
            { nom: "option2", pictogramme: "🟦" },  // exemple de pictogramme pour option2
            // Ajoutez les autres options ici
        ];

var optionsEtape2 = [
            { nom: "option1", pictogramme: "⬜️" },
            { nom: "option2", pictogramme: "🟩" },
            // Ajoutez les autres options ici
        ];

var optionsEtape3 = [
            { nom: "option1", pictogramme: "🟨" },
            { nom: "option2", pictogramme: "🟧" },
            // Ajoutez les autres options ici
        ];

// Fonction pour générer un drapeau à partir des options sélectionnées
        function genererDrapeau() {
            var etape1 = document.getElementById("etape1").value;
            var etape2 = document.getElementById("etape2").value;
            var etape3 = document.getElementById("etape3").value;
            var nomDrapeau = document.getElementById("nomDrapeau").value;

var drapeau = optionsEtape1[etape1].pictogramme + optionsEtape2[etape2].pictogramme + optionsEtape3[etape3].pictogramme;

alert("Voici votre drapeau : " + drapeau + "\nNom du drapeau : " + nomDrapeau);
        }
    </script>

<h1>Générateur de Drapeau</h1>

<p>Étape 1 : Sélectionnez une option</p>
    <select id="etape1">
        <option value="0">Option 1</option>
        <option value="1">Option 2</option>
        
    </select>

<p>Étape 2 : Sélectionnez une option</p>
    <select id="etape2">
        <option value="0">Option 1</option>
        <option value="1">Option 2</option>
        
    </select>

<p>Étape 3 : Sélectionnez une option</p>
    <select id="etape3">
        <option value="0">Option 1</option>
        <option value="1">Option 2</option>
        
    </select>

<p>Entrez un nom pour votre drapeau :</p>
    <input type="text" id="nomDrapeau">

<button onclick="genererDrapeau()">Générer Drapeau</button>
</body>
</html>