你也可以制作一个随机密码生成器，只要轻松三步

2024-02-03 06:30:23

第一步：创建一个 HTML 文件并添加以下代码：

<!DOCTYPE html>
<html>
<head>
  
</head>
<body>
  <h1>随机密码生成器</h1>
  <form>
    <label for="password-length">密码长度：</label>
    <input type="number" id="password-length" value="10">
    <button type="submit">生成密码</button>
  </form>

  <div id="password"></div>

  <script src="script.js"></script>
</body>
</html>

第二步：创建一个 JavaScript 文件并添加以下代码：

const form = document.querySelector('form');

form.addEventListener('submit', (event) => {
  event.preventDefault();

  const passwordLength = document.querySelector('#password-length').value;

  const password = generatePassword(passwordLength);

  document.querySelector('#password').textContent = password;
});

function generatePassword(length) {
  const characters = 'abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789!@#$%^&*()_+';
  let password = '';

  for (let i = 0; i < length; i++) {
    const randomIndex = Math.floor(Math.random() * characters.length);

    password += characters[randomIndex];
  }

  return password;
}