mirror of
https://github.com/anthonyaxenov/password-generator.git
synced 2024-11-22 05:14:43 +00:00
Result scaling based on length & removed console.clear()
This commit is contained in:
parent
50ea227d91
commit
4d39d06150
@ -2,8 +2,6 @@
|
|||||||
// I tried my best to make the code as simple as possible please dont mind the variable names.
|
// I tried my best to make the code as simple as possible please dont mind the variable names.
|
||||||
// Also this idea came in my mind after checking Traversy Media's latest video.
|
// Also this idea came in my mind after checking Traversy Media's latest video.
|
||||||
|
|
||||||
// Clear the concole on every refresh
|
|
||||||
console.clear();
|
|
||||||
// set the body to full height
|
// set the body to full height
|
||||||
// document.body.style.height = `${innerHeight}px`
|
// document.body.style.height = `${innerHeight}px`
|
||||||
|
|
||||||
@ -132,6 +130,7 @@ generateBtn.addEventListener("click", () => {
|
|||||||
const hasSymbol = symbolEl.checked;
|
const hasSymbol = symbolEl.checked;
|
||||||
generatedPassword = true;
|
generatedPassword = true;
|
||||||
resultEl.innerText = generatePassword(length, hasLower, hasUpper, hasNumber, hasSymbol);
|
resultEl.innerText = generatePassword(length, hasLower, hasUpper, hasNumber, hasSymbol);
|
||||||
|
resultEl.style.fontSize = (30 - (length / 2)) + "px";
|
||||||
copyInfo.style.transform = "translateY(0%)";
|
copyInfo.style.transform = "translateY(0%)";
|
||||||
copyInfo.style.opacity = "0.75";
|
copyInfo.style.opacity = "0.75";
|
||||||
copiedInfo.style.transform = "translateY(200%)";
|
copiedInfo.style.transform = "translateY(200%)";
|
||||||
|
Loading…
Reference in New Issue
Block a user