CHAPTER 15 · PRACTICE WORKSPACE

JavaScript:變數、函數、事件與 DOM

輸入名字後即時更新問候與作品預覽的互動

04 Solution 3/3
  1. 01Starter讀懂作品骨架
  2. 02Checkpoint 1加入第一項能力
  3. 03Checkpoint 2累積第二項能力
  4. 04Solution核對完整結果

TASK STATUS

三項任務目前狀態

TASK-01已完成

完成產生問候文字的具名函數

修改檔案:script.js

完成後看見:函數收到名字後回傳完整問候

TASK-02已完成

點擊後讀取輸入並更新 DOM

修改檔案:script.js

完成後看見:結果區顯示輸入者的名字

TASK-03已完成

用 class 表達預覽重點狀態

修改檔案:script.js

完成後看見:可切換結果區的重點外觀

WORKSPACE

本階段實作區

已完成 TASK-03;請操作完整作品,逐項核對三項 Task 的可見結果。

FIRST JAVASCRIPT

作品集問候小工具

問候會顯示在這裡。

CONTINUE

把完成品帶進本章創作挑戰

三項固定任務都已完成;下一步請改造需求、留下成果證據,不要停在照抄 Solution。

前往本章創作挑戰