今天練習了一道每個開發者都會作的家常菜：todo list

這道家常菜作法有很多，我用的都是最簡單、家裡最容易取得的食材，用最基本的作法，希望在這個不太冷的冬天中，能分享給我們這些菜鳥開發者一起取暖取暖，成品也附在最下面，供大家試吃，不用錢。

作法及步驟：

1. 點按鈕就會新增項目(用creatElement())。
2. 將特定文字加入新增項目(把input轉成text node元件後，用.appendChild加入list當中)。
3. 將輸入區的文字帶入新增項目(用input.value的屬性)。
4. 判斷輸入區有文字才能帶入新項目。
5. 監聽輸入的是enter也能新增項目(用 addEventListener (“keypress”,function)，enter的keycode是13)。
6. 監聽列表是否被點擊，並將被點擊的項目指定切換刪除線格式(用classList.toggle()的方法來作)。

最近在Udemy上學JavaScript，作了一個迴圈的小小練習，這個練習是這樣的，像facebook一樣，先設定三個使用者，三個人都有打卡的資料。

如果使用者輸入正確帳號密碼，就可以看到大家打卡動態；如果不正確，就會顯示錯誤。所以我需要用迴圈判斷登入的人符合哪筆資料裡使用者名字，並判斷密碼是否正確。

輸入的帳號和密碼正確，我們就可以看到：

David Lau：常以洽公之名，行大吃大喝之實，打卡的照片都放在一個相簿「一切都是為了生活」。

Neil Tzeng：不常打卡，最近週年慶時買了一台洗碗機，結果過山一個多月找不到師傅來裝，裝好了的話應該要打個卡吧。

聽說羽球佔台灣第二大運動人口，但看羽球賽的人卻很少，像我自己固定每個星期打一次羽球，也只有這兩年才開始在MOD看羽球賽，而且從來沒有現場看過國際賽。

MOD畫質已經很棒了，還有慢動作和球評分析，不像現場看到的選手尺寸那麼小，那為什麼還要到現場看球呢？我總結賽前想法和看完心得來回答這個問題：

1. 現場速度感不同，MOD一秒鐘就更新30次而已，雖然人眼只需要一秒更新24次的畫面就會覺得是一個連續動作，但 是每一格之間的畫面就不見了，所以電視轉播才需要常常又慢動作重播讓你看清楚。

而羽球這麼高速變化的運動，現場人類眼睛才可以看清場上任一瞬間的變化。 2. 空間感。例如，現場才感覺得到原來職業選手的高遠球，在真實世界中是挑到那樣的高度，跳殺高度和力道是那樣，站位是那麼前面。 3. 現場其它感受，人類還有其它敏銳感官。例如我們會在現場清楚聽到球是否被球拍的甜蜜點打到，是不是斷線了，是不是和隊友碰框了，低沉重擊的腳步聲顯示出的剎車力道…等。 4. 其它正式比賽的瑣碎流程是電視上看不到的，例如：原來拖地的拖把是藏在旁邊的三角擋板裡，哈哈。 5. NT 800能看國際賽的決賽，不…