学斋随笔，初九潜龙勿用，-12 36选7 

 1 <!doctype html>
 2 <html>
 3 <head>
 4 <meta charset="utf-8">
 5 <title>367</title>
 6 <script>
 7     
 8     var btn = null,
 9         num = null,
10         deshu  = null;
11     
12     
13     window.onload = function(){  
14         init();
15         initDom();
16         event();
17     }
18                                         //初始化
19     function init(){
20         btn = document.getElementById("btn");
21         num = document.getElementById("num");
22         deshu  = document.getElementById("deshu")
23     }
24                                 
25     function initDom(){
26         var str ="";
27         for(var i = 1;i<37;i++){
28             str += i+",";
29         }
30         str = str.substr(0,str.length-1);
31         num.innerHTML =str;
32     }
33                                 //添加事件
34     function event(){
35         btn.onclick = dianji;
36     }
37     
38                             //点击按钮的时候用的方法
39     function dianji(){
40                                     //        随机七个数
41         var str ="";
42         var n =0;
43         for (var i = 0; i<7;i++){
44             n++;
45             var zhi = parseInt(Math.random()*36)+1;
46             if(str.indexOf(zhi) == -1){
47                 str += zhi+',';
48             }else{
49                 i--;
50             }
51         }
52         deshu.innerHTML = str+"; 循环了"+n+"次";    
53     }
54     </script>
55 </head>
56 
57 <body>
58 
59 <div id="num"></div>
60 <button id="btn">点击</button>
61 结果：<span id="deshu"></span>
62 
63 
64 </body>
65 </html>

 

posted @ 2019-01-04 13:41  玩转手绘  阅读(101)  评论(0)    收藏  举报