html获取随机字母,原生JavaScript实现随机生成字母数字验证码

实现思路

产生4位随机的组合验证码

定义一个数码数组arr，用于盛放'a-z', 'A-Z', '0-9'，这个数组长度为62;

先定义一个空数组result，用于盛放产生的4位随机码；

实现一个循环次数是4的循环，在该循环中随机产生一个[0,62]的数字，用于获取1中数码数组arr的元素，然后将得到的随机数码放到2中定义的数组中，知道循环结束；

循环结束后，调用数组的join方法，将result数组中的元素进行拼接，得到最终的随机验证码；

代码

HTML

请输入验证码：

确定

CSS

html,

body {

width: 100%;

height: 100%;

margin: 0;

padding: 0;

font-family: "Microsoft YaHei";

}

.container {

width: 100%;

height: 100%;

padding: 15px;