JavaScript 故障包

下面八個小功能都壞了,從第 1 題依序做。每一題先照「操作」做一次,對照「應該發生」找出哪裡不一樣,再打開 F12 的 Console 找線索。一次只修一題,修好後再把「操作」整個重做一次。

題目由簡單到難排:★ 會出現紅字,照紅字找就好;★★ 沒有紅字但畫面看得出不對;★★★ 要自己用 console.log 或 Elements 追查。第 2 題按下去頁面會重新整理,Console 的錯誤一閃就不見:在 Console 的設定(齒輪)勾選 Preserve log 再試。

1. 今日提醒 ★

應該發生:頁面打開時,這裡自動顯示「今天記得喝水 2000c.c.」。

操作:重新整理頁面,看這一題的文字。

(提醒會出現在這裡)

2. 訂閱電子報 ★

應該發生:按「訂閱」後,下方顯示「已訂閱:你填的 Email」,頁面不重新整理。

操作:填一個 Email,按「訂閱」。

3. 收合全部說明 ★★

應該發生:按「顯示全部說明」,三則說明都出現。

操作:按「顯示全部說明」。

4. 歡迎詞 ★★

應該發生:輸入什麼名字,就顯示「歡迎,名字!」;名字裡打的符號要照字面顯示。

操作:輸入 <i>小安 按「顯示」,看歡迎詞裡有沒有出現 <i> 這幾個字。

5. 留言板 ★★

應該發生:沒寫內容(或只打空白)時不能新增,並提示「請先輸入內容」。

操作:什麼都不打按「留言」;再只打幾個空白按「留言」。

6. 送出後鎖住按鈕 ★★★

應該發生:按一次「送出意見」後按鈕變灰、不能再按,訊息只出現一次。

操作:連按「送出意見」三次。

7. 報名清單 ★★★

應該發生:一開始顯示「目前沒有報名任何課程」;按「報名太極拳」後改成列出課程;按「清空」後又回到「目前沒有報名任何課程」。

操作:先看一開始的文字,再按「報名太極拳」,最後按「清空」。

8. 按讚 ★★★

應該發生:打開文章後,每按一次「讚」數字加 1。

操作:按「打開文章」,按「讚」兩次;按「收起」,再「打開文章」,再按「讚」一次。數字應該是 3。