效果图:
我这边中文库里录入的是百家姓,下面上代码,一些少有的难点,我会在注释里解释。
<!DOCTYPE html>
<html><head><meta charset="utf-8" /><title></title><script>let str='赵钱孙李周吴郑王冯陈褚蒋沈韩杨朱秦尤许何';str+='吕施张孔曹严华金魏陶姜戚谢邹喻柏水窦章云苏潘葛奚范彭郎';str+='鲁韦昌马苗凤花方俞任袁柳酆鲍史唐费廉岑薛雷贺倪汤滕殷罗毕';str+='郝邬安常乐于时傅皮卞齐康伍余元卜顾孟平黄和穆萧尹姚邵湛汪';str+='祁毛禹狄米贝明臧计伏成戴谈宋茅庞熊纪舒屈项祝董梁杜阮蓝闵席季麻强贾路娄危江童颜郭';str+='梅盛林刁钟徐邱骆高夏蔡田樊胡凌霍虞万支柯昝管卢莫经房裘缪干解应宗丁宣贲邓郁单杭洪包诸左石崔吉钮龚';str+='程嵇邢滑裴陆荣翁荀羊於惠甄曲家封芮羿储靳汲邴糜松井段富巫乌焦巴弓牧隗山谷车侯宓蓬全郗班仰秋仲伊宫宁仇栾暴甘钭厉戎祖武符刘景詹束龙叶幸司韶郜黎蓟薄';str+='印宿白怀蒲邰从鄂索咸籍赖卓蔺屠蒙池乔阴鬱胥能苍双闻莘党翟谭贡劳逄姬申扶堵冉宰郦雍卻璩桑桂濮牛寿通边扈燕冀郏浦尚农温别庄晏柴瞿阎充慕连茹习宦艾鱼容向古易慎戈廖庾终暨居衡步都耿满弘匡国文寇广禄阙东欧殳沃利蔚越夔隆师巩厍聂晁勾敖融冷訾辛阚那简饶空曾毋沙乜养鞠须丰巢关蒯相查后荆红';str+='游竺权逯盖益桓公万俟司马上官欧阳夏侯诸葛闻人东方赫连皇甫尉迟公羊澹台公冶宗政濮阳淳于单于太叔申屠公孙仲孙轩辕令狐钟离宇文长孙慕容鲜于闾丘司徒司空丌官司寇仉督子车颛孙端木巫马公西漆雕乐正壤驷公良拓跋夹谷宰父谷梁晋楚闫法汝鄢涂钦段干百里东郭南门呼延归海羊舌微生';str+='';
//console.log(str.length);let num=0;let check_code='';for (let i=0;i<6;i++) {num=Math.floor(Math.random()*str.length);
// Math.random()是取0-1之间的随机数,注意Math.floor()是向下取整,例如2.78,只会取值成2check_code+=str[num];
// check_code=str[num]+ check_code 把str里的6个字符取出来,拼接在一起}console.log(check_code);let input='';input=prompt("验证码为:"+check_code,"请输入验证码");if(input.toLowerCase()==check_code.toLowerCase()){alert("输入正确");}else{alert("输入错误。请重新输入");input=prompt("验证码为:"+check_code,"请输入验证码");}</script></head><body></body>
</html>
如果帮助到你了,可以给我点个赞吗?