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

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

No:40024

←

Prev Next

→

食べる鶏と熱いタバスコ
Developer 食べる鶏と熱いタバスコ｜Date and time 24/1/31 18:32:23
Build time 10.154 sec｜Game capacity 2.052KB｜

Script

以下は、上記の要件に基づいたシンプルなゲームの実装例です。

🐔

🌶️

このプログラムは、鶏とタバスコのアイコンが画面上に表示され、鶏とタバスコをクリックすることで結果が表示されるシンプルなゲームです。`startGame()`関数を呼び出すことでゲームが始まり、鶏とタバスコはランダムな位置に配置されます。鶏をクリックすると「鶏を食べました！おいしい！」、タバスコをクリックすると「タバスコを食べました！熱い！」と表示されます。

←

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>
        .game-container {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            height: 100vh;
            font-size: 30px;
        }
    </style>
</head>
<body>
    <div class="game-container">
        <div id="chicken">🐔</div>
        <div id="tabasco">🌶️</div>
        <button onclick="startGame()">スタート</button>
        <p id="result"></p>
    </div>

chicken.style.position = "absolute";
            chicken.style.left = "50%";
            chicken.style.transform = "translateX(-50%)";

tabasco.style.position = "absolute";
            tabasco.style.left = Math.random() * 80 + "vw";

result.textContent = "";

chicken.addEventListener("click", () => {
                result.textContent = "鶏を食べました！おいしい！";
            });

tabasco.addEventListener("click", () => {
                result.textContent = "タバスコを食べました！熱い！";
            });
        }
    </script>
</body>
</html>
```