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

No:18198

画面に表示されたクッキーのイラストにタッチすると、クッキーが増えていく。
Developer ふわふわもこもこ｜Date and time 23/9/27 22:15:40
Build time 22.35 sec｜Game capacity 1.494KB｜

Script

了解です。以下に具体的なプログラムを示します。

クッキークリッカー

クッキー: 0

このプログラムは、HTMLとJavaScriptを組み合わせて、クッキークリッカーというゲームを実装しています。画面に表示されたクッキーのイラストをタッチすると、クッキーの数が増えていきます。その数は「クッキー: 数字」の形式で表示されます。

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームランキング

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

了解です。以下に具体的なプログラムを示します。

```html
<!DOCTYPE html>
<html lang="ja">
<head>
    <meta charset="UTF-8">
    <title>クッキークリッカー</title>
</head>
<body>
    <h1>クッキークリッカー</h1>
    <p id="cookieCount">クッキー: 0</p>

// クッキーのイラストをクリックしたときに呼ばれる関数
        function addCookie() {
            cookieCount++;
            document.getElementById("cookieCount").textContent = "クッキー: " + cookieCount;
        }

// クッキーのイラストを表示する要素
        const cookieImage = document.createElement("img");
        cookieImage.src = "https://emojicombos.com/images/emoji/apple/ios-14/256/chocolate-chip-cookie.png";
        cookieImage.style.width = "100px";
        cookieImage.style.cursor = "pointer";
        cookieImage.addEventListener("click", addCookie);

// 画面にクッキーのイラストを表示する
        document.body.appendChild(cookieImage);
    </script>
</body>
</html>
```