---
# System prepended metadata

title: Todolist強化版
tags: [ALPHACampWeek5_學期2-2]

---

###### tags:`ALPHACampWeek5_學期2-2`


# Todolist強化版

[2-2 TodoList 體驗強化版- init](https://codepen.io/ks0dcongra/pen/OJOEGOX?editors=1111)

## 強化了三個功能!

- 規格一：防止產生空白 todo。當使用者在 `input`按一堆空白鍵沒有打字，要無法建立新 todo。
- 規格二：當使用者在 `input#newTodo`裡按下 Enter 鍵時，可以新增 to-do。 (提示：使用 `keypress`事件，並且用 `event.key === "Enter"`來鎖定 Enter 鍵)

<aside>
💡 有三種常用的key法：分別是keyup(按下去瞬間會產生的任何文字符號)、keypress(案下去會產生的任何符號包刮Enter)、keydown(按完放開後會產生任何文字符號)

</aside>

- 規格三：當使用者點擊完成的 todo 時，該項目會被送進 Done 清單；同時，Done 清單中的項目也要能夠被刪除。