for... in...

最新推荐文章于 2021-05-28 15:36:21 发布

原创最新推荐文章于 2021-05-28 15:36:21 发布 · 238 阅读

0 ·

CC 4.0 BY-SA版权

前端专栏收录该内容

12 篇文章

订阅专栏

本文展示了一个HTML页面，通过JavaScript实现随机验证码的生成与验证功能。用户点击按钮后，页面将生成包含四个随机字符的验证码，并显示在指定区域。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
<div class="hello" id="divObj" style="width: 200px; height: 30px;border: 1px solid red;"><input id="fri" type="radio"/><span>今天星期五</span>
</div>
<div id="yanzheng" style="color: red;font-size: 20px;background: grey"></div>
<button id="btn" >dainji</button>
<script>
//    var divObj = document.getElementById('divObj');
////    alert(divObj.firstChild.setAttribute('checked', 'checked'))
//    var fri = document.getElementById('fri');
//    divObj.onclick = function() {
//        divObj.firstChild.nextSibling.setAttribute('title', 'checked');
//    }
//
//           var num1 = 1,
//                num2 = 2;
//    var max = (num1 > num2) ? 'zhengbia0' : 'wulkinglin';
//    alert(max);
//    function add(num, num3) {
//      sum = num + num3;
//        return sum;
//    }
//    var hello = add(10, 20);
//    alert(sum)
//    alert(hello)
//    var arr = [1,2,5,3,6,8,4,7]
//    function compare(v1 ,v2) {
//        return v2 - v1;
////        倒序
//    }
//    alert(arr.sort(compare));
//    var msg = 'hello world';
//    eval('alert(msg)');

var yanzheng = document.getElementById('yanzheng');
var btn = document.getElementById('btn');
btn.onclick =fun
     function fun() {
         var arr = ['a','b','c','d','e',1,2,3,4,5,6,7,8,9,0,'A','B','C','D','E','F','G'];
         var num = Math.floor(Math.random()*20 + 0);
         var num1 = Math.floor(Math.random()*20 + 0);
         var num2 = Math.floor(Math.random()*20 + 0);
         var num3 = Math.floor(Math.random()*20 + 0);
         yanzheng.innerHTML =''+ arr[num] +arr[num1] + arr[num2] + arr[num3];
    }
</script>
</body>
</html>