鐵人檔案
之前有使用過input製作即時預覽，只要輸入框的內容改變就會執行。輸入欄位還有另一個常見的change事件，兩者執行的時間不太一樣。 先準備一個輸入框和兩段結果...
這次先準備一份學習挑戰報名表，裡面包含暱稱、電子郵件、想學的內容和同意規範： <form id="signup-form" noval...
一般變數只存在目前頁面的記憶體中，重新整理後就會回到初始值。如果希望重新整理後仍然保留文字，可以使用localStorage將少量資料保存在瀏覽器裡。 這次，先...
上一篇使用localStorage保存陣列時，先透過JSON.stringify()把資料轉成文字。這次來看 JSON 到底是什麼，以及為什麼物件需要經過轉換才...
JavaScript通常一次只處理一件工作。同步和非同步的差別，在於程式遇到需要等待的工作時，要停在原地等待，還是先繼續處理後面的程式。 同步可以想成在櫃台排隊...
上一篇使用setTimeout()和回呼函式處理需要等待的工作。Promise也是用來處理稍後才會得到的結果，不過它會記錄這項工作目前正在等待、已經成功，還是已...
上一篇使用then()和catch()取得 Promise 的成功結果與失敗原因。如果非同步工作只有一步，這種寫法很直接；但需要先取得課程、再讀取詳細資料、最後...
程式可能遇到使用者漏填資料、資料型別不正確、網路請求失敗或程式本身寫錯等問題。這些情況不一定都要使用try...catch，可以先按照錯誤是否能預先判斷，以及工...
這裡先建立一個負責計算的檔案，放入加總和平均兩個函式： export function sum(numbers) { return numbers.redu...
