JS随机生成验证码

JS随机生成验证码

下面我们使用Visual Studio这个软件来写一个JS的代码，我们可以用JS的代码写一个简单的方法，就是实现一个JS的随机生成验证码的功能。
那么这个代码要怎么写呢，首先我们需要先在界面上写一下的Html的代码，我们来看一下界面的代码是什么，看以下截图：

在截图中我们可以看到界面的代码就是，先用一个button标签，然后给他一个id为验证码。接着给他一些属性的效果，给这个button设置一下他的颜色还有一些背景特效的效果，接下来看一下属性代码的截图：

定义好界面的属性代码我们接着就需要写一下JS的代码。然后实现出让他随机生成验证码的JS代码的内容，见截图：

我们通过第37行。先声明验证码的字符串是abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789，然后在第38行的意思就是将指定的yanzhengmaID dom节点赋值给obutton变量，document.getElementById的意思就是它可返回对拥有指定 ID 的第一个对象的引用。
接着我们声明一个getrandom的方法，获取他的参数，然后写一个判断，判断a大于b。接着return返回，
Math.floor的意思就是一个静态的方法，它返回小于或者等于一个给定数字的最大整数。
Math.random()是令系统随机选取大于等于 0.0 且小于 1.0 的伪随机 double 值。
总体就是获取他的随机字符，然后将随机生成的整数下标对应的字母放入button中，接着声明getyanzhengma的方法。第49行的意思就是函数getyangzhengma()获取字符串中对应的元素并拼接成字符串返回到页面中，然后在声明他的字符串为空。接着就是for循环，for循环i判断验证码有几位就循环几位，(0, 62)计算后的取值范围：下标为[0, 61]的整数。然后最后就是一个点击的事件，当点击button的时候生成刷新一个随机的验证码。这样功能就出来了。
见实现的效果截图：

这样就可以实现出点击的时候刷新生成验证码，它的流程就是将所有的验证码用的字符放在一个字符串里面，然后在这个字符串里面随机生成一个，然后再找到对应的字符并且拼接它的验证码。