使用JS編寫的隨機抽取號碼的小程序

來源：懂視網(wǎng) 責(zé)編：小采時間：2020-11-27 22:33:02

使用JS編寫的隨機抽取號碼的小程序

使用JS編寫的隨機抽取號碼的小程序:剛開始學(xué)習(xí)JavaScript，寫了一個隨機抽取號碼的小程序，附上body里的所有代碼，供大家參考。本程序可以實現(xiàn)功能如下： 1、在文本框中輸入抽號最大值 2、點擊按鈕，開始抽號，隨機生成1~最大值之間的整數(shù) 3、已經(jīng)抽取的號碼不能再次抽取到，保證號碼的唯一性

推薦度：

點擊下載本文 文檔為doc格式

導(dǎo)讀使用JS編寫的隨機抽取號碼的小程序:剛開始學(xué)習(xí)JavaScript，寫了一個隨機抽取號碼的小程序，附上body里的所有代碼，供大家參考。本程序可以實現(xiàn)功能如下： 1、在文本框中輸入抽號最大值 2、點擊按鈕，開始抽號，隨機生成1~最大值之間的整數(shù) 3、已經(jīng)抽取的號碼不能再次抽取到，保證號碼的唯一性

剛開始學(xué)習(xí)JavaScript，寫了一個隨機抽取號碼的小程序，附上body里的所有代碼，供大家參考。

本程序可以實現(xiàn)功能如下：

1、在文本框中輸入抽號最大值

2、點擊按鈕，開始抽號，隨機生成1~最大值之間的整數(shù)

3、已經(jīng)抽取的號碼不能再次抽取到，保證號碼的唯一性

4、將號碼結(jié)果放入result中顯示出來

5、將已經(jīng)生成的號碼存入exist中顯示出來

具體代碼如下:

<body>
 <input type="text" id="txt" placeholder="請在里面輸入號碼最大值！">
 <input type="button" id="btn" value="抽號">
 <div>
 <span>結(jié)果：</span>
 <span id="result"></span>
 </div>
 <div>
 <span>已抽取：</span>
 <span id="exist"></span>
 </div>
 <script type="text/javascript">
 var oBtn = document.getElementById("btn");
 var oTxt = document.getElementById("txt");
 var oRes = document.getElementById("result");
 var oExi = document.getElementById("exist");
 var arr = []; //存放座號 
 oBtn.onclick = function() {
 getSeat(oTxt.value);
 }
 function getSeat(maxnum) {
 for(var i = 0; i < maxnum; i++){
 var num = Math.floor(Math.random() * maxnum) + 1;
 var j;
 for(j = 0; j < arr.length; j++) {
 if(num == arr[j])
 break;
 }
 if(j == arr.length) {
 arr.push(num);
 oRes.innerHTML = num;
 oExi.innerHTML = arr;
 return;
 }
 }
 }
 </script>
 </body>

運行結(jié)果如下：