---
# System prepended metadata

title: JavaScript 練習
tags: [Javascript]

---

# JavaScript

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

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

![image](https://hackmd.io/_uploads/B1zU5hNnT.png)
:::

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