好的，我来修改一下代码，添加登录成功和登录失败的提示，并在控制台输出用户名和密码。代码如下所示： ```javascript const usernameInput = document.getElementById("username-input"); const passwordInput = document.getElementById("password-input"); const confirmPasswordInput = document.getElementById("confirm-password-input"); function validate() { // 验证用户名 const username = usernameInput.value.trim(); const usernameRules = [ username.length >= 6 && username.length <= 8, /^[A-Z]/.test(username), /^[a-zA-Z]+$/.test(username) ]; if (!usernameRules.every(rule => rule)) { alert("用户名格式不正确，请重新输入"); return false; } // 验证密码 const password = passwordInput.value.trim(); const passwordRules = [ password.length >= 6 && password.length <= 12, /^\w+$/.test(password) ]; if (!passwordRules.every(rule => rule)) { alert("密码格式不正确，请重新输入"); return false; } // 验证确认密码 const confirmPassword = confirmPasswordInput.value.trim(); if (confirmPassword !== password) { alert("确认密码不一致，请重新输入"); return false; } // 验证通过，可以进行登录 console.log("用户名：", username); console.log("密码：", password); alert("登录成功！"); return true; } // 监听登录按钮的点击事件 const loginButton = document.getElementById("login-button"); loginButton.addEventListener("click", function() { if (validate()) { alert("登录成功！"); } else { alert("对不起，您的用户名或密码错误"); } }); ``` 在这段代码中，我们在 `validate()` 函数中添加了控制台输出用户名和密码的代码，以便开发者进行调试。在点击登录按钮后，如果验证通过，则会弹出登录成功的提示框；如果验证不通过，则会弹出登录失败的提示框。改为输出在页面

好的，你可以尝试按照以下方式修改代码，将登录成功和失败的提示信息输出到页面上：

const usernameInput = document.getElementById("username-input");
const passwordInput = document.getElementById("password-input");
const confirmPasswordInput = document.getElementById("confirm-password-input");
const resultDiv = document.getElementById("result");

function validate() {
  // 验证用户名
  const username = usernameInput.value.trim();
  const usernameRules = [
    username.length >= 6 && username.length <= 8,
    /^[A-Z]/.test(username),
    /^[a-zA-Z]+$/.test(username)
  ];
  if (!usernameRules.every(rule => rule)) {
    resultDiv.innerHTML = "用户名格式不正确，请重新输入";
    return false;
  }

  // 验证密码
  const password = passwordInput.value.trim();
  const passwordRules = [
    password.length >= 6 && password.length <= 12,
    /^\w+$/.test(password)
  ];
  if (!passwordRules.every(rule => rule)) {
    resultDiv.innerHTML = "密码格式不正确，请重新输入";
    return false;
  }

  // 验证确认密码
  const confirmPassword = confirmPasswordInput.value.trim();
  if (confirmPassword !== password) {
    resultDiv.innerHTML = "确认密码不一致，请重新输入";
    return false;
  }

  // 验证通过，可以进行登录
  resultDiv.innerHTML = `登录成功！用户名：${username}，密码：${password}`;
  return true;
}

// 监听登录按钮的点击事件
const loginButton = document.getElementById("login-button");
loginButton.addEventListener("click", function() {
  if (validate()) {
    resultDiv.innerHTML = "登录成功！";
  } else {
    resultDiv.innerHTML = "对不起，您的用户名或密码错误";
  }
});

这里我们新增了一个名为 `result` 的 `div` 元素，并在 `validate()` 函数中将提示信息输出到了该元素的 `innerHTML` 属性上。在点击登录按钮后，如果验证通过，则会在页面上显示登录成功的提示信息，同时也会在页面上显示用户名和密码；如果验证不通过，则会在页面上显示登录失败的提示信息。