随机验证码.html

最新推荐文章于 2024-01-14 08:35:47 发布

编程迪

最新推荐文章于 2024-01-14 08:35:47 发布

阅读量1k

点赞数

本文链接：https://blog.csdn.net/zd1007129657/article/details/113038032

版权

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>随机验证码</title>
</head>
<body>
  <p>验证码：</p>
  <div id="login" onclick="change()"></div>
</body>
<script>
  function getCode(n) {
    // var all = "azxcvbnmsdfghjklqwertyuiopZXCVBNMASDFGHJKLQWERTYUIOP0123456789";
    // var all = "ZXCVBNMASDFGHJKLQWERTYUIOP0123456789";
    var all = "0123456789";
    var b = "";
    for (var i = 0; i < n; i++) {
      var index = Math.floor(Math.random() * 10);
      b += all.charAt(index);
    }
    return b;
  }
  function change() {
    document.getElementById("login").innerHTML = getCode(4);
  }
  window.onload = change;
</script>
</html>