Its all right~ Woe woe woe woe!'s game

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

No:5320

3154

←

Prev Next

→

Its all right~ Woe woe woe woe!
Developer User3694｜Date and time 23/6/29 23:16:10
Build time 20.535 sec｜Game capacity 1.831KB｜

Script

了解です！では、以下にスマホ操作前提の絵文字を使ったゲームのサンプルを作成しましょう。このゲームは、画面内の絵文字のうち、特定の絵文字をタップすると得点が加算されるシンプルなものです。

Score: 0

🍎 🍌 🍇 🍉 🍓

このゲームでは、画面内に表示されている果物の絵文字をタップすると、スコアが加算されます。スコアは画面上部に表示されます。絵文字をタップするたびにスコアが増えていきます。このサンプルでは絵文字として🍎、🍌、🍇、🍉、🍓が使用されていますが、必要に応じて絵文字を追加・変更することができます。ゲームのルールなども自由に変更して楽しんでください！

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

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

```html
<!DOCTYPE html>
<html>
<head>
<title>Emoji Tapper Game</title>
<style>
    body {
        background-color: lightblue;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 100vh;
        margin: 0;
    }
    #score {
        font-size: 20px;
        margin-bottom: 20px;
    }
    .emoji {
        font-size: 50px;
        cursor: pointer;
    }
</style>
</head>
<body>
    <div id="score">Score: 0</div>
    <div id="game">
        <span class="emoji" onclick="increaseScore()">🍎</span>
        <span class="emoji" onclick="increaseScore()">🍌</span>
        <span class="emoji" onclick="increaseScore()">🍇</span>
        <span class="emoji" onclick="increaseScore()">🍉</span>
        <span class="emoji" onclick="increaseScore()">🍓</span>
    </div>

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

このゲームでは、画面内に表示されている果物の絵文字をタップすると、スコアが加算されます。スコアは画面上部に表示されます。絵文字をタップするたびにスコアが増えていきます。

このサンプルでは絵文字として🍎、🍌、🍇、🍉、🍓が使用されていますが、必要に応じて絵文字を追加・変更することができます。ゲームのルールなども自由に変更して楽しんでください！