<div class="container"> <div class="form-box"> <!-- 注册 --> <div class="register-box hidden"> <h1>register</h1> <input type="text" placeholder="用户名"> <input type="email" placeholder="邮箱"> <input type="password" placeholder="密码"> <input type="password" placeholder="确认密码"> <button id="registerButton">注册</button> </div> <!-- 登录 --> <div class="login-box"> <h1>login</h1> <input type="text" placeholder="用户名"> <input type="password" placeholder="密码"> <button id="loginButton">登录</button> </div> </div> <div class="con-box left"> <h1>欢迎来到<span>原神</span></h1> <p>你将在游戏中探索一个被称作「提瓦特」的<span>幻想世界。</span></p> <img src="images/paimeng_logo.jpg" alt=""> <p>已有账号</p> <button id="login">去登录</button> </div> <div class="con-box right"> <h1>欢迎来到<span>原神</span></h1> <p>你将在游戏中探索一个被称作「提瓦特」的<span>幻想世界。</span></p> <img src="images/paimeng_logo.jpg" alt=""> <p>没有账号？</p> <button id="register">去注册</button> </div> </div> 用js模拟注册 当用户正确输入后弹窗提示成功

好的，以下是可以实现该功能的 JavaScript 代码：

// 获取注册按钮
const registerButton = document.querySelector('#registerButton');

// 注册按钮点击事件
registerButton.addEventListener('click', () => {
  // 获取输入框元素
  const usernameInput = document.querySelector('input[type="text"]');
  const emailInput = document.querySelector('input[type="email"]');
  const passwordInput = document.querySelector('input[type="password"]');
  const confirmPasswordInput = document.querySelectorAll('input[type="password"]')[1];

  // 获取输入框的值
  const username = usernameInput.value.trim();
  const email = emailInput.value.trim();
  const password = passwordInput.value.trim();
  const confirmPassword = confirmPasswordInput.value.trim();

  // 判断输入是否符合要求
  if (!username || !email || !password || !confirmPassword) {
    alert('请填写完整的信息！');
    return;
  }

  if (password !== confirmPassword) {
    alert('两次输入的密码不一致！');
    return;
  }

  // 注册成功，弹窗提示
  alert('注册成功！');
});

使用该代码，当用户输入完整且符合要求的信息后，点击注册按钮即可弹窗提示注册成功。