ランダム入国入国を押すとランダムな国名、国旗を出すアジアの国20種類's game

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

No:34546

←

Prev Next

→

ランダム入国入国を押すとランダムな国名、国旗を出すアジアの国20種類
Developer 豆腐｜Date and time 24/1/11 3:22:31
Build time 12.657 sec｜Game capacity 2.583KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームアプリランキング

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

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>ランダム入国</title>
    <style>
        #country-name {
            font-size: 24px;
            margin-bottom: 20px;
        }
        #country-flag {
            font-size: 60px;
        }
        #button {
            margin-top: 20px;
            padding: 10px 20px;
            font-size: 20px;
            background-color: #4CAF50;
            color: white;
            border: none;
            border-radius: 4px;
            cursor: pointer;
        }
    </style>
</head>
<body>
    
    <div id="country-name"></div>
    <div id="country-flag"></div>
    
    
    <button id="button" onclick="randomEntry()">入国</button>
    
    <script>
        // アジアの国名と国旗データ
        const asiaCountries = [
            { name: "日本", flag: "🇯🇵" },
            { name: "中国", flag: "🇨🇳" },
            { name: "韓国", flag: "🇰🇷" },
            { name: "インド", flag: "🇮🇳" },
            { name: "シンガポール", flag: "🇸🇬" },
            { name: "タイ", flag: "🇹🇭" },
            { name: "ベトナム", flag: "🇻🇳" },
            { name: "フィリピン", flag: "🇵🇭" },
            { name: "マレーシア", flag: "🇲🇾" },
            { name: "インドネシア", flag: "🇮🇩" },
            { name: "カンボジア", flag: "🇰🇭" },
            { name: "パキスタン", flag: "🇵🇰" },
            { name: "バングラデシュ", flag: "🇧🇩" },
            { name: "モンゴル", flag: "🇲🇳" },
            { name: "ネパール", flag: "🇳🇵" },
            { name: "スリランカ", flag: "🇱🇰" },
            { name: "カタール", flag: "🇶🇦" },
            { name: "サウジアラビア", flag: "🇸🇦" },
            { name: "イラン", flag: "🇮🇷" },
            { name: "アフガニスタン", flag: "🇦🇫" }
        ];
        
        // ランダムな国名と国旗を表示する関数
        function randomEntry() {
            // ランダムなインデックスを生成
            const randomIndex = Math.floor(Math.random() * asiaCountries.length);
            
            // ランダムな国名と国旗を表示
            document.getElementById("country-name").textContent = asiaCountries[randomIndex].name;
            document.getElementById("country-flag").textContent = asiaCountries[randomIndex].flag;
        }
    </script>
</body>
</html>