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

No:23390

←

Prev Next

→

Country clicker
Developer User10753｜Date and time 23/10/30 10:31:36
Build time 47.466 sec｜Game capacity 2.186KB｜

Script

Welcome to Country Clicker!

Score: 0

In this game, called "Country Clicker," you can click on the "Click Country" button to increase your score. Each time you click, the score will increment by one and a new country flag (represented as pictograms) will be displayed. The game can be played on a smartphone as it has a responsive design. The score is shown at the top, and each time you click, a new flag is displayed below. The flags should be stored in a folder called "flags" with filenames corresponding to the country codes used in the JavaScript array. To play, simply save this HTML as a file (e.g., "index.html") and open it in a web browser. Clicking on the "Click Country" button will start the game.

←

Prev　Next

→ 　

Back　

[PR]現在のプレゼントランキング

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

```html
<!DOCTYPE html>
<html>
<head>
<title>Country Clicker Game</title>
<style>
    body {
        font-family: Arial, sans-serif;
        text-align: center;
        padding-top: 100px;
    }
    
    h1 {
        font-size: 36px;
    }
    
    #score {
        font-size: 24px;
    }
    
    #country {
        font-size: 48px;
        margin-top: 50px;
    }
    
    button {
        font-size: 24px;
        margin-top: 20px;
        padding: 10px 20px;
    }
</style>
</head>
<body>
    <h1>Welcome to Country Clicker!</h1>
    <p id="score">Score: 0</p>
    <img src="flag.png" id="country">
    <button onclick="clickCountry()">Click Country</button>

function clickCountry() {
            score++;
            updateScore();
            nextCountry();
        }

function updateScore() {
            document.getElementById("score").innerHTML = "Score: " + score;
        }

function nextCountry() {
            countryIndex++;
            if (countryIndex >= countries.length) {
                countryIndex = 0;
            }
            document.getElementById("country").src = "flags/" + countries[countryIndex] + ".png";
        }
    </script>
</body>
</html>
```

To play, simply save this HTML as a file (e.g., "index.html") and open it in a web browser. Clicking on the "Click Country" button will start the game.