A game where you have to collect 10 coins to win's game

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

No:36931

←

Prev Next

→

A game where you have to collect 10 coins to win
Developer User16920｜Date and time 24/1/19 10:21:43
Build time 9.869 sec｜Game capacity 2.38KB｜

Script

Sure! Here's an example of a simple game where you have to collect 10 coins to win. The game is implemented as a single HTML file, enclosed in script tags, and includes JavaScript code.

In this game, there is a container called "game" where the coins are randomly positioned. Clicking on a coin will collect it, increasing the number of coins collected. Once the player collects all 10 coins, an alert message will appear congratulating them on winning the game. The game uses CSS to style the game container and the coin elements. The coin icon is expected to be provided as "emozi_all/game.png" in the same directory as the HTML file. You can replace this with any pictogram or use a suitable coin image of your choice. Note that this is a basic example, and you can enhance the game further with additional features, levels, etc.

←

Prev　Next

→ 　

Back　

[PR]現在の人気ゲームランキング

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

Sure! Here's an example of a simple game where you have to collect 10 coins to win. The game is implemented as a single HTML file, enclosed in script tags, and includes JavaScript code.

```
<!DOCTYPE html>
<html>
<head>
    <title>Coin Collector Game</title>
    <style>
        #game {
            position: relative;
            width: 300px;
            height: 400px;
            border: 1px solid black;
        }
        .coin {
            position: absolute;
            width: 40px;
            height: 40px;
            background: url("coin-icon.png");
            background-size: cover;
        }
    </style>
</head>
<body>
    <div id="game"></div>

function createCoin() {
            var coin = document.createElement("div");
            coin.classList.add("coin");
            coin.style.left = Math.floor(Math.random() * 260) + "px";
            coin.style.top = Math.floor(Math.random() * 340) + "px";
            coin.addEventListener("click", collectCoin);
            document.getElementById("game").appendChild(coin);
        }

function collectCoin() {
            coins++;
            scoreElem.textContent = "Coins: " + coins;
            this.parentNode.removeChild(this); // Remove the collected coin

if (coins === 10) {
                alert("Congratulations! You've collected all 10 coins!");
            }
        }

for (var i = 0; i < 10; i++) {
            createCoin();
        }
    </script>
</body>
</html>
```

The game uses CSS to style the game container and the coin elements. The coin icon is expected to be provided as "coin-icon.png" in the same directory as the HTML file. You can replace this with any pictogram or use a suitable coin image of your choice.

Note that this is a basic example, and you can enhance the game further with additional features, levels, etc.