Gamefied eco-friendly app's game

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

No:25700

←

Prev Next

→

Gamefied eco-friendly app
Developer User12632｜Date and time 23/11/24 2:19:17
Build time 82.339 sec｜Game capacity 2.033KB｜

Script

Sure! Here's an example of an eco-friendly game implemented as a single HTML file using JavaScript and enclosed in script tags:

Score: 0

🌳

♻️

☀️

In this game, there are three buttons represented by pictograms: a tree, recycling symbol, and a solar panel. Each time a button is clicked on a smartphone, a certain score is added. The score is displayed in the top left corner of the screen. The objective of the game is to click on the buttons and increase the score, promoting eco-friendly actions like watering trees, recycling, and installing solar panels.

←

Prev　Next

→ 　

Back　

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

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

Sure! Here's an example of an eco-friendly game implemented as a single HTML file using JavaScript and enclosed in script tags:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Eco-Friendly Game</title>
    <style>
        #score {
            position: fixed;
            top: 10px;
            left: 10px;
            font-size: 20px;
        }
        #game {
            position: fixed;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
        }
        .button {
            width: 100px;
            height: 100px;
            margin: 10px;
            font-size: 60px;
            text-align: center;
            display: inline-block;
            cursor: pointer;
            background-color: #aaf;
            border-radius: 10px;
        }
    </style>
</head>
<body>
    <div id="score">Score: 0</div>
    <div id="game">
        <div id="tree-button" class="button" onclick="waterTree()">🌳</div>
        <div id="recycle-button" class="button" onclick="recycle()">♻️</div>
        <div id="solar-button" class="button" onclick="installSolarPanels()">☀️</div>
    </div>

function waterTree() {
            score += 10;
            updateScore();
        }

function recycle() {
            score += 20;
            updateScore();
        }

function installSolarPanels() {
            score += 30;
            updateScore();
        }

function updateScore() {
            document.getElementById("score").textContent = "Score: " + score;
        }
    </script>
</body>
</html>
```