鐵人檔案
事件處理與事件代理 事件處理是讓網頁變得互動的重要機制，透過 JavaScript可以監聽使用者的動作（如點擊、滑鼠移動、鍵盤輸入等），並根據這些操作做出回應。...
防止預設行為與表單驗證 1.preventDefault()–防止預設行為 (1)連結的預設行為假設我們有一個超連結，當使用者點擊它時，會跳轉到指定的網址。如果...
高效事件處理與事件代理 在 Day 11 中，我們學習了基本的事件監聽和處理方式，這些適合處理單一或少量的 DOM 元素。但當我們需要處理大量元素或動態新增的內...
使用Axios與Fetch API發送請求 如何使用Axios和Fetch API發送HTTP請求，這是與伺服器互動、取得外部資料的重要技能。無論是從伺服器抓取...
了解 JSON 格式與其應用 JSON(JavaScript Object Notation)是一種輕量級的資料格式，廣泛用於伺服器與客戶端之間的資料交換。JS...
Todo List專案–基礎功能實作 今天我將開始實作一個基礎的Todo List專案。主要目的是讓使用者能夠在輸入框中輸入待辦事項，點擊新增按鈕後，將事項添加...
Todo List 專案–刪除功能的實作 在昨天完成了基本的新增功能後，今天我要實現刪除待辦事項的功能。每一個新增的待辦事項都會附上一個「刪除」按鈕，使用者點擊...
Todo List專案–使用localStorage儲存待辦事項 今天我的目標是讓待辦事項在頁面重新載入後依然存在，這可以通過 localStorage 來實現...
JavaScript入門教學Day19 Todo list專案總結 程式碼html部分： <!DOCTYPE html> <html lang...
測試與除錯 測試和除錯是確保程式碼穩定與可維護的重要環節。今天我們將介紹如何使用Chrome DevTools進行除錯，並學習基本的單元測試工具Jest，來提升...
