我正在制作一个使用javascript.The的密码生成器密码在生成后不显示

function generatePassword(length) {
  var charset = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789!@#$%^&*()";
  var password = "";
  for (var i = 0; i < length; i++) {
    var randomIndex = Math.floor(Math.random() * charset.length);
    password += charset.charAt(randomIndex);
  }
  return password;
}

<button onclick="generateAndDisplayPassword()">生成密码</button>
<input type="text" id="passwordField" readonly>

function generateAndDisplayPassword() {
  var passwordLength = 10; // 设置密码长度
  var password = generatePassword(passwordLength);
  document.getElementById("passwordField").value = password;
}

#passwordField {
  pointer-events: none;
  background-color: #f2f2f2;
}