用js写一个邮箱验证码

以下是一个简单的邮箱验证码示例：

HTML代码：

<label for="email">邮箱：</label>
<input type="email" id="email" name="email">
<button id="send-code">发送验证码</button>
<label for="code">验证码：</label>
<input type="text" id="code" name="code">
<button id="check-code">验证</button>

JavaScript代码：

var emailInput = document.getElementById("email");
var sendCodeButton = document.getElementById("send-code");
var codeInput = document.getElementById("code");
var checkCodeButton = document.getElementById("check-code");

var code; // 存储生成的验证码

// 发送验证码
sendCodeButton.addEventListener("click", function() {
  // 检查邮箱是否输入正确
  if (!emailInput.checkValidity()) {
    alert("请输入有效的邮箱地址");
    return;
  }
  
  // 生成6位随机数作为验证码
  code = Math.floor(Math.random() * 900000 + 100000).toString();
  
  // 发送邮件
  // 这里使用console.log代替发送邮件的代码
  console.log("验证码：" + code);
  
  alert("验证码已发送，请查看您的邮箱");
});

// 验证验证码
checkCodeButton.addEventListener("click", function() {
  // 检查验证码是否正确
  if (codeInput.value === code) {
    alert("验证码正确");
  } else {
    alert("验证码错误");
  }
});

说明：

1. 首先获取页面上的各个元素。
2. 监听发送验证码按钮的点击事件，检查邮箱是否输入正确，生成6位随机数作为验证码并发送邮件。
3. 监听验证按钮的点击事件，检查验证码是否正确，弹出相应提示。