# JavaScript

## 題目一
:::info
**Example: 撰寫一個登入畫面，有具體功能的，功能如下:**

- 自定義情境，依據情境設計相關風格，如: 教育系統、遊戲畫面...
- 報告時需要說明設計情境，以及符合的點，如: 顏色設計、樣式、圖案...
 
- 需要可以輸入帳號、密碼(文字要可以隱藏)、圖片驗證碼
- 可以挑戰利用按鈕讓密碼可以正常顯示及隱藏
- 利用 canvas 或文字的產生圖片驗證碼，如下圖示例
- 點擊圖片和按鈕可以讓圖片驗證碼改變
- 利用送出按鈕來判斷帳號、密碼、圖片驗證碼是否正確
- 皆正確: 前往下一個畫面
- 帳號、密碼錯誤: 利用彈窗告知帳號或密碼錯誤
帳號: admin、密碼: 1234
- 圖片驗證碼錯誤: 利用彈窗告知驗證碼錯誤
- 利用重設按鈕將帳號、密碼、圖片驗證碼輸入框清空

:::

## 題目二
:::info
**Example: 動態**
:::