Bài 4 – Series 50 bài Html, Css, Javascript đơn giản

Không biết có bạn nào giống mình chưa. Đôi khi vào một trang web mà mình cần lấy nội dung từ đấy. Nhưng để đọc được nội dung thì lại phải đăng kí tài khoản. Và lúc đấy thực sự thì việc nghĩ ra mật khẩu đủ độ khó mà trang web đó yêu cầu thực sự rất khó khăn. Thì hôm nay, các bạn hãy cùng mình tạo một cái app để generator mật khẩu nhé.  

LIVE DEMO 

HTML

Vẫn như thường lệ chúng ta có file index.html như sau:

File HTML thì chúng ta sẽ khởi tạo một ô span để hiện mật khẩu và các ô checkbox để thêm sửa các điều kiện của mật khẩu.

Javascript

File script.js sẽ là những hàm random của ký tự theo những rule đã được tick chọn. Và sau đó thì lặp lại từng hàm random rồi nối lại thành 1 chuỗi ký tự password.

Css

Và cuối cùng là file style.css. Bài này không có nhiều annimation nên cũng khá đơn giản

Như vậy là đã xong một trang web muốn tạo mật khẩu nhanh mà không phải mất công nghĩ nhiều. Nếu có bất cứ câu hỏi nào thì comment xuống dưới cho mình biết nhé. Các bạn có thể tham khảo source code ở đây.

Cảm ơn các bạn đã đọc và đừng quên tham gia group để học hỏi thêm nhiều kiến thức khác nhé!

5 1 vote
Article Rating
Subscribe
Notify of
guest
0 Comments
Inline Feedbacks
View all comments
0
Would love your thoughts, please comment.x
()
x