展開檔案卡查看必要差異；只有程式碼區可以橫向捲動。

前一步與本步驟沒有實質差異。

本步驟不需修改此語言。

前一步與本步驟沒有實質差異。

本步驟不需修改此語言。

  return document.createDocumentFragment();
  const { errors } = collectEvidence();
  status.textContent = errors.length
    ? errors.join("；")
    : "格式預檢通過；請交由教師或同儕開啟 URL、比對 commit 並操作手機版";

function appendLabeledText(parent, label, value) {
  const paragraph = document.createElement("p");
  const strong = document.createElement("strong");
  strong.textContent = label;
  paragraph.append(strong, document.createTextNode(value));
  parent.append(paragraph);
}
  const fragment = document.createDocumentFragment();
  const title = document.createElement("h2");
  title.textContent = "我的 60 秒展示草稿";
  fragment.append(title);
  appendLabeledText(fragment, "問題：", evidence.problem);
  appendLabeledText(fragment, "做法：", "完成前端作品、版本提交與 Netlify production deploy。");
  const result = document.createElement("p");
  const resultLabel = document.createElement("strong");
  const link = document.createElement("a");
  resultLabel.textContent = "成果：";
  link.href = evidence.url;
  link.textContent = evidence.url;
  link.target = "_blank";
  link.rel = "noopener noreferrer";
  result.append(resultLabel, link, document.createTextNode(`，commit ${evidence.commit}；手機操作為學生自我勾選。`));
  fragment.append(result);
  const review = document.createElement("p");
  review.textContent = "待人工驗收：教師或同儕需實際開啟網址、比對 commit history，並觀看手機操作。";
  fragment.append(review);
  return fragment;
  status.className = "";
  const { evidence, errors } = collectEvidence();
  if (errors.length) {
    status.textContent = errors.join("；");
    status.className = "error";
    return;
  }
  status.textContent = "格式預檢通過；尚待教師或同儕人工驗收";
  showcase.append(buildShowcase(evidence));

本練習沒有這個檔案。

本步驟不需修改此語言。

1. 準備

   先準備真實 Netlify Production URL、commit 與手機檢查證據；沒有部署證據時只能做格式預檢。

2. 操作

   產生展示草稿並用 DevTools Elements 確認以安全文字節點呈現；正式網址仍需部署後由教師或同儕人工開啟驗收。

3. 預期

   以 textContent 與 createElement 產生草稿，明列仍待人工驗收