習作2 - 完成答案版

HTML, CSS, JS | 前端網站開發課程

問題 1：HTML & CSS

✓ 1a 答案

CSS 代碼：

label {
  font-size: 18px;
  font-family: Georgia;
  color: darkgreen;
}

說明： 使用元素選擇器選取所有 label 標籤，應用指定的字體和顏色樣式。

✓ 1b 答案

HTML 代碼：

<form action="/order.php">

說明： 使用 action 屬性指定表單提交時的目標 URL。當用戶點擊「送出」按鈕時，表單資料會被發送到 /order.php 這個 API 端點。

問題 2：JavaScript

✓ 2a 答案

orders[1]["Customer"];

結果： "Ben"

說明： 訪問第 2 個訂單物件（索引 1）的 Customer 屬性。

✓ 2b 答案

orders[0]["Phone"];

或：

orders[0].Phone;

結果： "91234567"

說明： 兩種方式都可以訪問物件屬性，第一種用引號，第二種不用引號。

✓ 2c 答案

orders.push({
  Customer: "Cindy",
  Phone: "95556666",
  Item: "Matcha Bonbon"
});

說明： 使用 push() 方法將新的物件添加到陣列的尾端。