-
Notifications
You must be signed in to change notification settings - Fork 3
/
script.js
80 lines (73 loc) · 2.59 KB
/
script.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
const resultEl = document.getElementById("result");
const generateEl = document.getElementById("generate");
const lengthEl = document.getElementById("length");
const uppercaseEl = document.getElementById("uppercase");
const lowercaseEl = document.getElementById("lowercase");
const numbersEl = document.getElementById("numbers");
const symbolsEl = document.getElementById("symbols");
const clipboardEl = document.getElementById("clipboard");
const errorEl = document.getElementById("ShowError");
// Define Character Sets
const lowercaseChars = "abcdefghijklmnopqrstuvwxyz";
const uppercaseChars = "ABCDEFGHIJKLMNOPQRSTUVWXYZ";
const numericChars = "0123456789";
const specialChars = "!@#$%^&*()_+[]{}|;:,.<>?";
generateEl.addEventListener("click", () => {
console.log("CLICKED");
resultEl.style.color = "black";
const length = lengthEl.value;
const lower = lowercaseEl.checked;
const upper = uppercaseEl.checked;
const number = numbersEl.checked;
const symbol = symbolsEl.checked;
const password = generatePassword(length, lower, upper, number, symbol);
resultEl.innerText = password;
});
// Function to Generate a Random Character from a given Character Set
function getRandomChar(charSet) {
const randomIndex = Math.floor(Math.random() * charSet.length);
return charSet.charAt(randomIndex);
}
// Function to Generate a Random Password
function generatePassword(
length,
useLowercase,
useUppercase,
useNumbers,
useSpecialChars
) {
let charSet = "";
if (length < 4 || length > 20) {
errorEl.style.color = "red";
errorEl.innerHTML =
"Error: You must choose only length between 4 and 20 for the password.❗";
return "";
}
if (useLowercase) charSet += lowercaseChars;
if (useUppercase) charSet += uppercaseChars;
if (useNumbers) charSet += numericChars;
if (useSpecialChars) charSet += specialChars;
if (charSet === "") {
errorEl.style.color = "red";
errorEl.innerHTML =
"Error: You must select at least one character set for the password.❗";
return "";
}
let password = "";
for (let i = 0; i < length; i++) {
const randomChar = getRandomChar(charSet);
password += randomChar;
}
errorEl.innerHTML = "";
resultEl.style.background = "transparent";
return password;
}
clipboardEl.addEventListener("click", () => {
console.log(resultEl.innerHTML);
if (resultEl.innerHTML.includes(" ") || resultEl.innerHTML === "") return;
resultEl.style.background = "#0087ff5c";
errorEl.innerHTML = "Copied Sucessfully!";
errorEl.style.color = "grey";
errorEl.style.fontWeight = 700;
navigator.clipboard.writeText(resultEl.textContent);
});