利用JS生成随机验证码

1.首先给定一个盒子

2.然后给这个盒子随便设置一点样式

3.js部分

window.onload=function(){

var arr=['0','1','2','3','4','5','6','7','8','9','a','b','c','d','e','f','g'];

var as=document.querySelector('a');

var txt=fn();/*申明提前*/

function fn(){

var str='';//重新调用赋值给空

for (var i=0;i<6;i++){

var rond=Math.round(Math.random()*16);

str+=arr[rond];

   }

return str;

}

document.querySelector('i').innerText=txt;

as.onclick=function(){

var txte=fn();

document.querySelector('i').innerText=txte;

var  btn=document.querySelector('button');

 var input=document.querySelector('input');

btn.onclick=function(){

console.log(input.value);

if(input.value==txt||input.value==txte){

alert('验证码正确,登录成功');

window.location.href="初代贪吃蛇/贪吃豆.html";

}else{

alert('验证码错误,登录失败');

}

}

}

}

注：声明变量as，利用querySelector查询选择器查询出a标签

然后声明str重新调用赋值为空

利用for循环遍历6个随机的数字而后返回

下面一样利用声明btn、input查询出各自两个标签

输入验证码后，点击button按钮

用if语句判断验证码是否正确