form {
display: flex;
flex-direction: column;
align-items: center;
}
label, input[type="checkbox"] {
margin: 10px;
}
button[type="submit"] {
margin: 20px;
padding: 10px;
border-radius: 5px;
background-color: #007bff;
color: white;
font-size: 1.2em;
cursor: pointer;
}
#password-display {
margin: 20px;
font-size: 1.2em;
font-weight: bold;
}
const uppercaseLetters = "ABCDEFGHIJKLMNOPQRSTUVWXYZ";
const lowercaseLetters = "abcdefghijklmnopqrstuvwxyz";
const numbers = "0123456789";
const specialCharacters = "!@#$%^&*()_+~`|}{[]:;?><,./-=";
function generatePassword() {
const length = document.getElementById("password-length").value;
let password = "";
let characters = "";
if (document.getElementById("include-uppercase").checked) {
characters += uppercaseLetters;
}
if (document.getElementById("include-lowercase").checked) {
characters += lowercaseLetters;
}
if (document.getElementById("include-numbers").checked) {
characters += numbers;
}
if (document.getElementById("include-special").checked) {
characters += specialCharacters;
}
for (let i = 0; i < length; i++) {
const randomIndex = Math.floor(Math.random() * characters.length);
password += characters[randomIndex];
}
document.getElementById("password-display").textContent = password;
}
document.querySelector("form").addEventListener("submit", function(event) {
event.preventDefault();
generatePassword();
});
Comments
Post a Comment