鐵人檔案
從輸入框取得文字後，常會遇到開頭多一個空白、大小寫不同，或要確認內容是否包含某個詞。字串方法可以先把這些內容整理好。 const poke_name = &qu...
如果一次有很多筆的資料內容，特地給每一個都設個變數的話後續可能會搞混要調用的資料。陣列可以把這些資料都放在同一組裡面。 const week = ["...
陣列適合保存一組有順序的資料像前篇的星期一到七等等，物件則能把同一個東西的各種資料放在一起。下面的fruit，就能同時包含多筆資料。 const fruit =...
前篇使用索引和push等方式來加入刪除陣列裡的資料，這次來看看怎麼處理陣列中的每一筆資料。 先準備一些數字，使用map把每個分數都加 5 分：map會把程式依序...
當陣列或物件的資料一多，每次列出完整資料就會變得很長爾且如果只是想看一兩筆資料的話也比較難找。解構可以將需要的屬性直接取出來。 const Torterra =...
網頁有時需要顯示現在的日期或時間，例如文章發布日期、活動日期或畫面上的時鐘。JavaScript可以使用Date處理這些資料。 首先使用new Date()建立...
上一篇使用Date取得日期與時間後，結果都是透過console.log()顯示在主控台。這次要把 JavaScript取得的資料放進網頁，讓畫面上的內容真的產生...
上一篇使用textContent修改文字，也透過classList.add()改變元素的樣式。這次繼續操作 DOM，看看如何用 JavaScript建立新的 H...
上一篇已經可以透過 DOM 修改文字、樣式和元素，不過那些程式會在網頁載入時直接執行。如果想等使用者按下按鈕後再修改畫面，就要使用事件。 事件是網頁中發生的動作...
