password-generator

github連結: https://github.com/Li-Shang-tw/password-generator

DEMO: https://li-shang-tw.github.io/password-generator/

以 vanilla Javascript做成的密碼生成器

• 根據所選的長度以及字符元素來產生密碼
• 以客製化的滑動條選取長度,長度範圍為4~20
• 字符元素包括 4種選項: 1.大寫字母 2.小寫字母 3.數字 4.特殊字符
• 判斷密碼強度,顯示強度為 very weak、weak、medium、strong
• 生成密碼後,點選複製圖案即可將密碼複製到剪貼簿上
• 響應式設計

Build With

HTML5 CSS3 JavaScript

作品定位

vanilla Javascript的應用程式

技術Hightlight

• 以 functional programing的模式,將各項功能切分提取成不同的function。增加程式碼的可讀性與可複用性。
• 以DOM改變節點的內容與樣式
• 以事件監聽來產生互動
• 客製化滑動條的樣式
• 複製到資料電腦剪貼簿上