<!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>