三項 Task 進度

TASK-01已完成

用判斷產生正確歡迎訊息

預計修改：script.js

完成後：空白時提醒輸入，有名字時顯示歡迎

TASK-02已完成

用陣列與迴圈渲染作品

預計修改：script.js

完成後：三項作品從資料產生為清單

TASK-03本步驟處理

把名字存入並讀回 localStorage

預計修改：script.js

完成後：重新整理後仍顯示已儲存名字

HTML、CSS、JavaScript 與文件實際異動

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

HTML本步驟無異動

檔案：index.html

修改前

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

修改後

本步驟不需修改此語言。

CSS本步驟無異動

檔案：style.css

修改前

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

修改後

本步驟不需修改此語言。

JavaScript本步驟有異動

檔案：script.js

修改前

  welcomeMessage.textContent = createWelcome(nameInput.value.trim());
const storedName = "";

修改後

  const name = nameInput.value.trim();
  if (name !== "") localStorage.setItem("portfolio-visitor", name);
  welcomeMessage.textContent = createWelcome(name);
const storedName = localStorage.getItem("portfolio-visitor") || "";

README／其他文件本練習未使用

檔案：README.md

修改前

本練習沒有這個檔案。

修改後

本步驟不需修改此語言。

怎麼看到結果

準備
先重新整理本階段頁面，記住目前畫面，再開始操作。
操作
輸入並儲存名字，重新整理頁面，確認 localStorage 的名字仍會讀回。
預期
重新整理後仍顯示已儲存名字

Solution TASK-03

把名字存入並讀回 localStorage

完成後可見：重新整理後仍顯示已儲存名字

DATA & MEMORY

作品清單與訪客名字

訪客名字

尚未儲存名字。