标签：value 不重复 div innerhtml mat 变量 初始化 col event
<!doctype html> <html> <head> <meta charset="utf-8"> <title>36选7</title> <script> //先循环36个数，放到num里面 //给按钮添加事件 //点击的时候 随机7个数放到jg里面 var btn = null, num = null, jg = null; window.onload = function(){ init(); initDom(); event(); } //初始化变量 function init(){ btn = document.getElementById("btn"); num = document.getElementById("num"); jg = document.getElementById("jg"); } //初始化页面元素的值 function initDom(){ var str = ""; for(var i = 1 ;i<37;i++){ str += i + ","; } str = str.substr(0,str.length-1); //把36个数字组成的字符串的最后一个元素删除 num.innerHTML = str; } //添加事件 function event(){ btn.onclick = xuanze; } //点击按钮的时候调用方法 function xuanze(){ //随机七个数放到结果里面 var str = ""; var n = 0; for(var i = 0 ;i<7;i++){ n++; var zhi = parseInt(Math.random()*36)+1; console.log(str.indexOf(zhi)); if(str.indexOf(zhi) == -1){ str += zhi+","; }else{ i--; } } // jg.innerHTML = str+";总共循环了"+n+"次"; jg.value = str+";循环了"+n+"次"; } </script> </head> <body> <!--页面部分--> <div id="num"></div> <button id="btn">选择</button> <!--结果为:<span id="jg"></span>--> 结果为：<input type="text" width="1000px" id="jg" value=""> </body> </html>
标签：value 不重复 div innerhtml mat 变量 初始化 col event
原文地址：https://www.cnblogs.com/lsqbk/p/10258967.html
