今日の料理アプリ「DaD」のプログラムをChatGPT4と改善

[
  {
    "name": "オムライス",
    "img": "omurice.jpg",
    "steps": [
      "玉ねぎをみじん切りにする",
      "フライパンで玉ねぎを炒める",
      "ご飯とケチャップを加えて炒める",
      "別のフライパンで卵を焼く",
      "卵をご飯の上にのせる"
    ]
  },
  {
    "name": "カルボナーラ",
    "img": "carbonara.jpg",
    "steps": [
      "スパゲッティを茹でる",
      "ベーコンをフライパンで炒める",
      "卵、粉チーズ、黒コショウを混ぜる",
      "炒めたベーコンに茹でたスパゲッティを加える",
      "卵の混ぜ物を加え、よく混ぜる"
    ]
  },
  {
    "name": "寿司",
    "img": "sushi.jpg",
    "steps": [
      "酢飯を作る",
      "刺身を薄くスライスする",
      "手に酢水をつけ、酢飯を握る",
      "刺身を酢飯の上にのせる",
      "わさびと醤油で食べる"
    ]
  }
]

let recipes = [];

async function fetchRecipes() {
  const response = await fetch('recipes.json');
  const data = await response.json();
  recipes = data;
  displayRecipe();
}

function displayRecipe() {
  const recipe = recipes[Math.floor(Math.random() * recipes.length)];
  document.getElementById('recipe-image').src = recipe.img;
  document.getElementById('recipe-name').textContent = recipe.name;
  const steps = document.getElementById('recipe-steps');
  steps.innerHTML = '';
  for (const step of recipe.steps) {
    const li = document.createElement('li');
    li.textContent = step;
    steps.appendChild(li);
  }
}

fetchRecipes();