1.首先给定一个盒子
2.然后给这个盒子随便设置一点样式
3.js部分
window.οnlοad=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.οnclick=function(){
var txte=fn();
document.querySelector('i').innerText=txte;
var btn=document.querySelector('button');
var input=document.querySelector('input');
btn.οnclick=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语句判断验证码是否正确