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

No:25805

プレイヤーが1~3つ入力した食材を使った料理を考えてくれる調理方法の手順も表示してくれる
Developer User12026｜Date and time 23/11/24 20:05:53
Build time 66.96 sec｜Game capacity 1.919KB｜

Script

料理ゲーム

食材の選択

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋Kindle本ランキング

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

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>料理ゲーム</title>
  <script type="text/javascript">
    function getRandomInt(max) {
      return Math.floor(Math.random() * max) + 1;
    }

function displayCookingRecipe() {
      var playerInput = parseInt(document.getElementById("ingredients").value);
      var cookingSteps = "";
      var recipeName = "";
      
      switch(playerInput) {
        case 1:
          cookingSteps = "1. 材料Aを切る。\n2. 材料Aをフライパンに投入し、炒める。\n3. 塩と胡椒で味付けする。\n4. 完成した料理を盛り付ける。";
          recipeName = "料理A";
          break;
        case 2:
          cookingSteps = "1. 材料Aを切る。\n2. 材料Bと一緒に鍋に入れ、煮込む。\n3. 味付けを調整する。\n4. 完成した料理を器に盛り付ける。";
          recipeName = "料理B";
          break;
        case 3:
          cookingSteps = "1. 材料Aを切る。\n2. 材料Bと材料Cを混ぜ合わせる。\n3. フライパンで焼く。\n4. ソースをかける。\n5. 完成した料理を盛り付ける。";
          recipeName = "料理C";
          break;
        default:
          cookingSteps = "入力された食材に対応する料理はありません。他の食材を試してみてください。";
          break;
      }
      
      var result = document.getElementById("result");
      result.innerHTML = "【" + recipeName + "】の調理手順:\n" + cookingSteps;
    }
  </script>
</head>
<body>
  <h1>料理ゲーム</h1>
  
  <h3>食材の選択</h3>
  <select id="ingredients">
    <option value="1">材料A</option>
    <option value="2">材料Aと材料B</option>
    <option value="3">材料Aと材料Bと材料C</option>
  </select>
  
  <button onclick="displayCookingRecipe()">料理を考えて</button>
  
  <div id="result"></div>
</body>
</html>