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

No:22930

←

Prev Next

→

ダイエットの励みになるゲーム
Developer バファリンヌ｜Date and time 23/10/26 20:04:48
Build time 39.398 sec｜Game capacity 1.626KB｜

Script

了解です。以下にダイエットの励みになるゲームのHTMLとJavaScriptのコードを示します。

ダイエットの励みゲーム

クリックするとカロリーが減ります！

このゲームは、クリックするとカウンターの値が10ずつ減ります。カウンターの初期値は100で、カウントが0になると「おめでとう！ダイエット成功！」というメッセージが表示されます。このHTMLファイルをブラウザで開くと、ダイエットの励みになるゲームが遊べます。スマホでも遊べるようになっています。

←

Prev　Next

→ 　

Back　

[PR]現在のプレゼントランキング

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

了解です。以下にダイエットの励みになるゲームのHTMLとJavaScriptのコードを示します。

```html
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>ダイエットの励みゲーム</title>
  <style>
    body {
      text-align: center;
      font-size: 24px;
      background-color: #f8f8f8;
    }
    #counter {
      font-size: 48px;
    }
    #message {
      margin-top: 50px;
    }
  </style>
</head>
<body>
  <h1>ダイエットの励みゲーム</h1>
  <div>
    <p>クリックするとカロリーが減ります！</p>
    <p id="counter">0</p>
    <p id="message"></p>
  </div>

// カウンターをクリックした時の処理
    counter.addEventListener('click', function() {
      if (calorie > 0) {
        calorie -= 10;
        counter.textContent = calorie;
        if (calorie === 0) {
          // ゲームクリア時のメッセージ
          message.textContent = 'おめでとう！ダイエット成功！';
        }
      }
    });
  </script>
</body>
</html>
```

このゲームは、クリックするとカウンターの値が10ずつ減ります。カウンターの初期値は100で、カウントが0になると「おめでとう！ダイエット成功！」というメッセージが表示されます。

このHTMLファイルをブラウザで開くと、ダイエットの励みになるゲームが遊べます。スマホでも遊べるようになっています。