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

No:8062

1608

←

Prev Next

→

A game in which you eat a lot of barbecued meat. T..ALL
Developer User4036｜Date and time 23/7/12 19:16:17
Build time 15.49 sec｜Game capacity 2.059KB｜

Script

以下は、指定された要件を満たす可能なゲームの実装例です。スマートフォン上で遊べるようになっています。

焼肉ゲーム

スコア: 0

サイズ: 50px

このゲームでは、焼肉を食べるごとにスコアが1点加算され、焼肉のサイズが10pxずつ大きくなります。焼肉のサイズが300pxに到達すると、「お腹いっぱい！」というメッセージが表示され、スコアとサイズがリセットされます。

←

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">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>焼肉ゲーム</title>
    <style>
      body {
        margin: 0;
        overflow: hidden;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 100vh;
        background-color: #f5f5f5;
        font-family: Arial, sans-serif;
        user-select: none;
      }

#game {
        background-color: #fff;
        border-radius: 5px;
        padding: 20px;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
      }
    </style>
  </head>
  <body>
    <div id="game">
      <h1>焼肉ゲーム</h1>
      <p id="score">スコア: 0</p>
      <p id="size">サイズ: 50px</p>
      <button id="eatButton">焼肉を食べる</button>
      <script>
        var size = 50;
        var score = 0;

var eatButton = document.getElementById("eatButton");
        var scoreDisplay = document.getElementById("score");
        var sizeDisplay = document.getElementById("size");

eatButton.addEventListener("click", function() {
          score++;
          size += 10;

sizeDisplay.style.fontSize = size + "px";
          scoreDisplay.textContent = "スコア: " + score;

if (size >= 300) {
            alert("お腹いっぱい！");
            size = 50;
            score = 0;
            sizeDisplay.style.fontSize = size + "px";
            scoreDisplay.textContent = "スコア: " + score;
          }
        });
      </script>
    </div>
  </body>
</html>
```