AI game creator

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

No:21246

101

←

Prev Next

→

Game of nations
Developer User5034｜Date and time 23/10/14 7:33:54
Build time 51.564 sec｜Game capacity 2.345KB｜

Script

🇩🇪

🇫🇷

🇺🇸

🇬🇧

🇯🇵

🇧🇷

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいゲームランキング

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

<html>
<head>
  <style>
    body {
      font-family: Arial, sans-serif;
      text-align: center;
      background-color: #f1f1f1;
    }
    
    #game-container {
      margin-top: 100px;
    }
    
    #flag {
      font-size: 100px;
      width: 200px;
      height: 200px;
      line-height: 200px;
      border: 2px solid black;
      margin: 20px auto;
    }
    
    #choices {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
    }
    
    .choice {
      font-size: 24px;
      width: 150px;
      height: 150px;
      margin: 10px;
      display: flex;
      justify-content: center;
      align-items: center;
      border: 2px solid black;
      cursor: pointer;
      transition: background-color 0.3s;
    }
  </style>
</head>
<body>
  <div id="game-container">
    <div id="flag"></div>
    <div id="choices">
      <div class="choice" onclick="checkAnswer('Germany')">🇩🇪</div>
      <div class="choice" onclick="checkAnswer('France')">🇫🇷</div>
      <div class="choice" onclick="checkAnswer('United States')">🇺🇸</div>
      <div class="choice" onclick="checkAnswer('United Kingdom')">🇬🇧</div>
      <div class="choice" onclick="checkAnswer('Japan')">🇯🇵</div>
      <div class="choice" onclick="checkAnswer('Brazil')">🇧🇷</div>
    </div>
  </div>
  
  <script>
    const flags = [
      { flag: '🇩🇪', name: 'Germany' },
      { flag: '🇫🇷', name: 'France' },
      { flag: '🇺🇸', name: 'United States' },
      { flag: '🇬🇧', name: 'United Kingdom' },
      { flag: '🇯🇵', name: 'Japan' },
      { flag: '🇧🇷', name: 'Brazil' }
    ];
    
    let currentFlag;
    
    function startGame() {
      currentFlag = getRandomFlag();
      showFlag(currentFlag.flag);
    }
    
    function getRandomFlag() {
      const randomIndex = Math.floor(Math.random() * flags.length);
      return flags[randomIndex];
    }
    
    function showFlag(flag) {
      document.getElementById('flag').innerText = flag;
    }
    
    function checkAnswer(answer) {
      if (answer === currentFlag.name) {
        alert('Congratulations! You guessed it right.');
      } else {
        alert(`Wrong answer. The correct one is ${currentFlag.name}. Try again!`);
      }
      
      startGame();
    }
    
    startGame();
  </script>
</body>
</html>