javascript点击生成随机验证码

111 阅读1分钟

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <span id="code"></span>
    <button>看不清</button>
  </body>

  <script>
    // 找对象
    var span = document.getElementById("code");
    var button = document.querySelector("button");
    // 操作对象
    // 刚进来的时候,就已经有了,相当于已经点击了一次
    button.onclick();
    button.onclick = function () {
      // 从这里面去找
      var codeContent = "";
      //   crtl + k ctrl + U 可以直接转大写
      var content =
        "0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ";
      codeContent =
        //   这个55是不想数上面有几个了,随便写的
        content[randomNumber(0, 55)] +
        content[randomNumber(0, 55)] +
        content[randomNumber(0, 55)] +
        content[randomNumber(0, 55)];
      span.innerHTML = codeContent;
    };
    // 定义一个生成随机数的函数
    function randomNumber(a, b) {
      return parseInt(Math.random() * (b - a + 1) + a);
    }
  </script>
</html>