（demo 跟圖片待補）
還記得上一週裡面做的活動報名表單嗎？這一週要來幫報名表單加上驗證，在表單送出的時候會針對以下幾個欄位做檢查：
- 姓名是否為空
- email 是否為空
- 場次是否有勾選
如果沒有通過檢查，請在欄位下方顯示紅字提醒，有通過的話跳出一個 alert 展示使用者填寫的資料。
（demo 跟圖片待補）
上一週的作業裡面，我們完成了餐廳的首頁，接下來要幫他加上一個常見問題的頁面，回答一些常見問題。
在這頁面上會出現許多常見問題，點開之後就能夠看到回答。現在要實作的就是這個頁面以及「點開後展開答案」的功能。
（demo 跟圖片待補）
Todo List 是一個很經典的範例，之所以這麼經典就是因為可以完整的學習到如何實作出新增、刪除、編輯以及篩選等等的功能。
而這一個作業就是要讓大家實作出 todo list，功能包括：
- 可以新增 todo
- 可以刪除 todo
- 可以編輯 todo 內容
- 可以標記 todo 為完成/未完成
- 可以根據不同狀態顯示不同的 todo（篩選功能）
- 什麼是 DOM？
- 事件傳遞機制的順序是什麼；什麼是冒泡，什麼又是捕獲？
- 什麼是 event delegation，為什麼我們需要它？
event.preventDefault()跟event.stopPropagation()差在哪裡，可以舉個範例嗎？
請將答案寫在 hw4.md。
參考 Bootstrap，實作出一個 Carousel 元件，可參考：https://getbootstrap.com/docs/4.3/components/carousel/#with-captions
備註：只能使用 HTML、CSS 與 JavaScript，禁止使用任何套件
