昨天完成了料理類型選擇功能，今天要加入另一個實用條件：料理時間。

有時候使用者可能只有 15 分鐘可以準備晚餐，因此希望 AI 優先推薦製作時間較短的料理。

一、建立料理時間選單

在 HTML 中加入：

<label for="cookingTime">料理時間：</label>

<select id="cookingTime">
    <option value="不限">不限</option>
    <option value="15">15 分鐘內</option>
    <option value="30">30 分鐘內</option>
    <option value="60">60 分鐘內</option>
</select>

二、取得選擇條件

在 JavaScript 中加入：

const cookingTime =
    document.querySelector("#cookingTime");

按下推薦按鈕時，取得使用者選擇的時間：

const time = cookingTime.value;

接著將時間條件加入 AI 的需求：

const timePrompt = time === "不限"
    ? "料理時間不限。"
    : `請優先推薦 ${time} 分鐘內可以完成的料理。`;

最後將料理類型、時間與食材一起傳送給後端。

三、今天的成果

現在使用者可以同時選擇食材、料理類型和料理時間。

網站也從單純的食材推薦，逐漸變成能根據條件提供建議的 AI 食譜系統。

不過，AI 提供的料理時間屬於預估值，實際烹調時間仍可能不同。

下一篇要改善食材輸入方式，讓使用者可以輸入多種食材並進行更完整的整理。