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

No:33171

←

Prev Next

→

肉を焼くゲーム
Developer うにょUser14145｜Date and time 24/1/2 20:01:07
Build time 20.557 sec｜Game capacity 1.823KB｜

Script

以下は、肉を焼くゲームの実装例です。

肉を焼くゲーム

🍖

このゲームでは、肉の絵文字をクリックすることで肉を焼く処理が進みます。初めは🍖ですが、クリックすると🍖と🔥が表示されて焼かれている様子を表現します。焼き上がると🍗になり、さらに焦げてしまうと🌋になります。焦げた時点でゲームオーバーとなり、アラートが表示されます。この後は肉の絵文字をクリックしても何も起こらなくなります。

←

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>肉を焼くゲーム</title>
    <style>
        #meat {
            font-size: 100px;
            text-align: center;
            cursor: pointer;
        }
    </style>
</head>
<body>
    <h1>肉を焼くゲーム</h1>
    <div id="meat" onclick="cookMeat()">🍖</div>
    <script>
        var meatStatus = 0;

function cookMeat() {
            if (meatStatus === 0) {
                document.getElementById("meat").innerText = "🍖🔥";
                meatStatus = 1;
                setTimeout(cooked, 2000);
            }
        }

function cooked() {
            document.getElementById("meat").innerText = "🍗";
            meatStatus = 2;
            setTimeout(burnt, 1000);
        }

function burnt() {
            document.getElementById("meat").innerText = "🌋";
            meatStatus = 3;
            setTimeout(gameOver, 1000);
        }

function gameOver() {
            alert("肉が焦げてしまいました！ゲームオーバー！");
            document.getElementById("meat").removeEventListener("click", cookMeat);
            document.getElementById("meat").style.cursor = "not-allowed";
        }
    </script>
</body>
</html>
```