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

No:27347

Territory war in Europe with flags
Developer User13596｜Date and time 23/12/6 6:38:09
Build time 46.373 sec｜Game capacity 2.571KB｜

Script

Territory War in Europe

←

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>Territory War in Europe</title>
  <style>
    body {
      background-color: #f1f1f1;
      text-align: center;
    }

h1 {
      color: #333;
    }

#map {
      width: 500px;
      height: 300px;
      margin: 0 auto;
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      align-items: center;
    }

.territory {
      width: 50px;
      height: 50px;
      background-color: #ccc;
      border: 1px solid #999;
      display: flex;
      justify-content: center;
      align-items: center;
    }

.territory span {
      font-size: 30px;
    }

.flag {
      width: 30px;
      height: 30px;
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center center;
    }

.flag.flag-none {
      background-image: none;
    }

.flag.flag-1 {
      background-image: url("https://cdn.countryflags.com/thumbs/france/flag-400.png");
    }

.flag.flag-2 {
      background-image: url("https://cdn.countryflags.com/thumbs/germany/flag-400.png");
    }

.flag.flag-3 {
      background-image: url("https://cdn.countryflags.com/thumbs/united-kingdom/flag-400.png");
    }
  </style>
</head>
<body>
  <h1>Territory War in Europe</h1>

function claimTerritory(territoryId) {
      let currentPlayer = 1; // Assume player 1 is the current player, change accordingly

if (territories[territoryId] === null) {
        territories[territoryId] = currentPlayer;
        let territoryElement = document.getElementById(`territory-${territoryId}`);
        territoryElement.classList.remove('flag-none');
        territoryElement.classList.add(`flag-${currentPlayer}`);
        currentPlayer = currentPlayer === 1 ? 2 : 1; // Switch to the next player
      }
    }
  </script>
</body>
</html>