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

No:26517

A clicker about you clicking all the flags in the ..ALL
Developer User13162｜Date and time 23/12/1 7:38:28
Build time 41.853 sec｜Game capacity 1.884KB｜

Script

Clicker: Flags of the World

Click on the flags to collect them all!

In this game, you'll see a collection of flags displayed as pictograms. You can click on each flag to collect it. Whenever you click on a flag, it will be added to your collection, and you will see an alert message indicating that the flag has been collected. To implement this game, save the above code into a single HTML file, replacing the placeholder flag images (`emozi_all/game.png`, `emozi_chicken.png`, `emozi_rabbit.png`, etc.) with the actual flag images you want to use. Make sure all the flag images are placed in the same directory as the HTML file. You can then open the HTML file in a web browser on your smartphone to play the game. Start clicking on the flags to collect them and try to collect all the flags in the world!

←

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;
      }

#flag-container {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        padding: 20px;
      }

.flag {
        width: 80px;
        height: 60px;
        margin: 10px;
        cursor: pointer;
        transition: transform 0.2s;
      }

.flag:hover {
        transform: scale(1.1);
      }
    </style>
  </head>

<body>
    <h1>Clicker: Flags of the World</h1>
    <p>Click on the flags to collect them all!</p>
    <div id="flag-container">
      <img class="flag" src="flag1.png" alt="Flag 1" onclick="collectFlag(1)">
      <img class="flag" src="flag2.png" alt="Flag 2" onclick="collectFlag(2)">
      <img class="flag" src="flag3.png" alt="Flag 3" onclick="collectFlag(3)">
      
    </div>

function collectFlag(flagId) {
        if (!collectedFlags.includes(flagId)) {
          collectedFlags.push(flagId);
          alert("Flag collected!");
        }
      }
    </script>
  </body>
</html>
```
In this game, you'll see a collection of flags displayed as pictograms. You can click on each flag to collect it. Whenever you click on a flag, it will be added to your collection, and you will see an alert message indicating that the flag has been collected.

To implement this game, save the above code into a single HTML file, replacing the placeholder flag images (`flag1.png`, `flag2.png`, `flag3.png`, etc.) with the actual flag images you want to use. Make sure all the flag images are placed in the same directory as the HTML file.

You can then open the HTML file in a web browser on your smartphone to play the game. Start clicking on the flags to collect them and try to collect all the flags in the world!