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

No:6795

119

←

Prev Next

→

Make all foods 0 calories.
Developer User3898｜Date and time 23/7/3 18:45:52
Build time 35.962 sec｜Game capacity 3.302KB｜

Script

了解しました。以下は、JavaScriptを用いてゲーム化された食べ物のカロリーコントロールゲームのサンプルプログラムです。

食べ物のカロリーゲーム

食べ物を選んでカロリーを調整し、全ての食べ物を0キロカロリーにしましょう！

食べ物リスト

りんご (100キロカロリー)
バナナ (120キロカロリー)
オレンジ (70キロカロリー)
いちご (40キロカロリー)

カロリー: 0キロカロリー

このプログラムでは、りんご、バナナ、オレンジ、いちごの4つの食べ物があります。クリックすると選択した食べ物のカロリーが減り、カロリーの合計が更新されます。全ての食べ物のカロリーが0になるとゲームクリアとなり、アラートが表示されます。なお、表示される絵文字の種類やゲームのルール等は、必要に応じて追加や変更を行ってください。

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

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

了解しました。以下は、JavaScriptを用いてゲーム化された食べ物のカロリーコントロールゲームのサンプルプログラムです。

```html
<!DOCTYPE html>
<html>
  <head>
    <title>食べ物のカロリーゲーム</title>
    <style>
      /* スタイルは任意のものを使用してください */
    </style>
  </head>
  <body>
    <h1>食べ物のカロリーゲーム</h1>
    <p>食べ物を選んでカロリーを調整し、全ての食べ物を0キロカロリーにしましょう！</p>
    <h2>食べ物リスト</h2>
    <ul id="food-list">
      <li>りんご (100キロカロリー)</li>
      <li>バナナ (120キロカロリー)</li>
      <li>オレンジ (70キロカロリー)</li>
      <li>いちご (40キロカロリー)</li>
    </ul>
    <h2>カロリー: <span id="calories">0</span>キロカロリー</h2>

// カロリーの合計
      let totalCalories = 0;

// 選択された食べ物のカロリーを更新する関数
      function updateCalories() {
        const foodItems = document.querySelectorAll("#food-list li");

// カロリーの合計を計算
        let currentCalories = 0;
        for (let i = 0; i < foodItems.length; i++) {
          const foodItem = foodItems[i];
          const foodName = foodItem.textContent.split(" (")[0];
          const foodCalorie = foodCalories[foodName];
          currentCalories += foodCalorie;
        }

// カロリーを反映
        const caloriesElement = document.querySelector("#calories");
        caloriesElement.textContent = currentCalories;
        totalCalories = currentCalories;

// ゲームクリアの判定
        if (totalCalories === 0) {
          alert("おめでとうございます！全ての食べ物を0キロカロリーにしました！");
        }
      }

// 食べ物をクリックした時の処理
      function handleClick(event) {
        const foodItem = event.target;
        const foodName = foodItem.textContent.split(" (")[0];
        const foodCalorie = foodCalories[foodName];

// カロリーを更新
        totalCalories -= foodCalorie;
        foodItem.remove();
        updateCalories();
      }

// 各食べ物要素にクリックイベントを追加
      const foodItems = document.querySelectorAll("#food-list li");
      for (let i = 0; i < foodItems.length; i++) {
        const foodItem = foodItems[i];
        foodItem.addEventListener("click", handleClick);
      }

// 初回のカロリー計算
      updateCalories();
    </script>
  </body>
</html>
```

このプログラムでは、りんご、バナナ、オレンジ、いちごの4つの食べ物があります。クリックすると選択した食べ物のカロリーが減り、カロリーの合計が更新されます。全ての食べ物のカロリーが0になるとゲームクリアとなり、アラートが表示されます。

なお、表示される絵文字の種類やゲームのルール等は、必要に応じて追加や変更を行ってください。