網頁不對勁，怎麼請 AI 修好

AI 做出的工具偶爾會出錯。說清楚「我做了什麼、發生什麼」，比較容易修到問題。

做完，你會得到

得到一份計數正確的修正版HTML，並保留可回頭使用的原檔。

成果示意

修正前：只勾第一項，卻顯示0/3。
修正後：只勾第一項，正確顯示1/3。

這是預先寫好的範例；你的 AI 用詞可以不同。

跟著做

操作位置：自己的 AI 工具

練習資料

虛構故障清單有三項：下載車票、確認集合地點、帶水壺。
故障檔：downloads/curriculum/broken-checklist-zh-Hant.html
可用對照檔：downloads/curriculum/correct-checklist-zh-Hant.html
已知問題：第一項有打勾，完成數卻沒有增加。

給 AI 的要求

我會貼上故障HTML。只勾第一項時應顯示1/3，卻是0/3；勾前兩項應是2/3，卻是1/3。請找出原因，只修正計數問題，保留原有文字、重設與重開歸零。給我完整修正版，並簡短說明改了哪裡。

1. 按「下載故障原檔」及「下載參考修正版」，保留兩份原檔。
2. 用瀏覽器開故障檔，先勾第一項，再勾第二項：會看到錯誤的0/3、1/3。
3. 按「複製故障程式碼與要求」，把完整故障HTML與修正要求直接貼到自己的AI並送出。
4. 把AI修正後的完整HTML貼到本頁「完整 HTML 程式碼」，按「更新隔離預覽」。
5. 試第一項單勾、前兩項、取消第一項、重設：應是1/3、2/3、1/3、0/3。按「下載這份 HTML」留下修正版。
6. 另開保留的參考修正版，練習回到可用的版本。

做完再看：結果可以長這樣

程式只從第二項開始數，所以漏掉第一項。修正應移除計數中的.slice(1)，讓全部核取方塊都列入。修好後：只勾第一項1/3，勾前兩項2/3，取消第一項1/3，重設0/3。不能一律加1，否則全部沒勾也會顯示1。

看結果時，注意這幾件事

第一項單獨勾選時顯示1/3，不再被漏掉。
勾前兩項2/3，取消第一項1/3，重設0/3。
不能一律加1；全部沒勾時必須是0/3。

換個情境，自己試一次

開啟獨立題虛構故障網頁，並下載downloads/curriculum/reset-bug-zh-Hant.html保留原檔。兩項讀書任務為「選文章」「寫三個問題」，起始0/2，勾兩項2/2；按重設後兩個勾都清掉，數字卻仍2/2。此指定檔確實定義updateCount()，但reset只清勾而未呼叫它。按這題的「複製故障程式碼與要求」，直接貼到自己的AI，補上你的重現報告並要求最小修正。把完整修正版貼回工作區測試，下載另存後重開再測；可下載correct-reset-zh-Hant.html對照，不套用到不明結構的其他程式。

重現：重開→勾兩項→重設；預期未勾且0/2，實際未勾但2/2。清勾後加updateCount()；測2→重設0→再勾第一項1。不能只隱藏錯誤數字。

試試更進一步的任務

開啟固定搜尋／重設故障網頁，下載search-reset-bug-zh-Hant.html保留原檔。先重現隱藏項未清除，再按這題的「複製故障程式碼與要求」直接貼到自己的AI，補上重現結果並要求最小修正。把完整修正版貼回工作區，下載另存副本，最後重開並依下方步驟回歸測試。

虛構故障檔：downloads/curriculum/search-reset-bug-zh-Hant.html；對照檔：downloads/curriculum/correct-search-reset-zh-Hant.html。三項依序為下載車票、確認集合地點、帶水壺。計數應包含全部項目；搜尋只影響顯示；重設應清除所有勾選及搜尋。刻意錯誤：重設只清除目前可見項，隨後清搜尋，因此原先隱藏的勾選仍保留。

我會貼上這份故障HTML。先說明並重現：勾第一與第三項為2/3；搜尋「車票」只見第一項但仍2/3；按重設預期全顯且0/3，實際全顯但1/3、第三項仍勾。請只修正reset，讓它遍歷所有核取方塊而非僅可見項，保留搜尋及計數範圍。回傳完整修正版與最小差異，列回歸步驟。

故障重現：勾1與3→2/3；搜車票→只1項可見、仍2/3；重設→全顯但1/3（第三仍勾）。修正後同樣操作，重設必須全顯且0/3，隱藏的第三項也已清除。再勾前兩項2/3→取消第一項1/3→重設0/3；搜尋仍只改顯示、不改計數範圍。修正只將reset清除範圍改為全部checkbox，不刪除第三項或硬把數字設0來掩蓋殘留勾選。保留原檔，需復原時重新開啟它。

保存成果，下次繼續

把 AI 回答存進自己的筆記，並留下一句「我改了什麼」。想用本站整理，可展開下方紀錄。