食べる鶏と熱いタバスコ's game

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

No:40025

←

Prev Next

→

食べる鶏と熱いタバスコ
Developer 食べる鶏と熱いタバスコ｜Date and time 24/1/31 18:36:10
Build time 8.629 sec｜Game capacity 1.578KB｜

Script

以下は、要素を操作するシンプルなゲームの例です。HTMLファイルに以下のコードを記述し、ブラウザで実行してください。

🐔

Score: 0

このゲームでは、🐔マークがクリックされるとスコアが加算され、鶏の位置がランダムに変更されます。スコアは画面上部に表示されます。このゲームは、スマートフォンでも遊ぶことができます。

←

Prev　Next

→ 　

Back　

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

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

以下は、要素を操作するシンプルなゲームの例です。HTMLファイルに以下のコードを記述し、ブラウザで実行してください。

```
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Chicken Game</title>
    <style>
        #chicken {
            font-size: 50px;
            cursor: pointer;
        }
        #score {
            font-size: 20px;
            margin-top: 10px;
        }
    </style>
</head>
<body>
    <div id="chicken" onclick="eatChicken()">🐔</div>
    <div id="score">Score: 0</div>
    <script>
        var score = 0;
        var chicken = document.getElementById("chicken");
        var scoreElem = document.getElementById("score");

function eatChicken() {
            score++;
            scoreElem.textContent = "Score: " + score;
            chicken.style.left = Math.floor(Math.random() * (window.innerWidth - chicken.offsetWidth)) + "px";
            chicken.style.top = Math.floor(Math.random() * (window.innerHeight - chicken.offsetHeight)) + "px";
        }

chicken.style.left = Math.floor(Math.random() * (window.innerWidth - chicken.offsetWidth)) + "px";
        chicken.style.top = Math.floor(Math.random() * (window.innerHeight - chicken.offsetHeight)) + "px";
    </script>
</body>
</html>
```