使用JS編寫的隨機抽取號碼的小程序
更新時間：2017年08月11日 09:50:21 作者：WXDEE
這篇文章主要介紹了使用JS編寫的隨機抽取號碼的小程序功能,非常不錯，具有參考借鑒價值，需要的朋友可以參考下
剛開始學(xué)習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>已抽?。?lt;/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é)果如下：
總結(jié)
以上所述是小編給大家介紹的使用JS編寫的隨機抽取號碼的小程序，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！
相關(guān)文章
最近經(jīng)常要用tab標簽頁，于是就寫了一個簡單的tab標簽頁，純css+js寫的，帶樣式。大家可以參考下2014-01-01
本篇內(nèi)容給大家總結(jié)了JavaScript的BUG和錯誤，如果大家對此知識點有興趣，可以跟著學(xué)習參考下。2018-05-05
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)禁止分享代碼實例,文中通過示例代碼介紹的非常詳細，對大家的學(xué)習或者工作具有一定的參考學(xué)習價值,需要的朋友可以參考下2019-10-10
javascript實現(xiàn)狀態(tài)欄中文字動態(tài)顯示的方法
這篇文章主要介紹了javascript實現(xiàn)狀態(tài)欄中文字動態(tài)顯示的方法,涉及JavaScript基于時間函數(shù)動態(tài)操作頁面元素屬性的相關(guān)技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-10-10
本篇文章主要介紹了js循環(huán)改變div顏色具體方法，需要的朋友可以參考一下2013-06-06
這篇文章主要介紹了es6中l(wèi)et和const的使用方法,結(jié)合實例形式詳細分析了es6中l(wèi)et和const的基本功能、原理、使用方法及操作注意事項,需要的朋友可以參考下2020-02-02
這篇文章主要為大家匯總了Bootstrap table分頁的典型問題，以及對應(yīng)每個bootstrap table分頁問題的解決方法，感興趣的小伙伴們可以參考一下2016-05-05
javascript中導(dǎo)出與導(dǎo)入實現(xiàn)模塊化管理教程
這篇文章主要給大家介紹了關(guān)于javascript中導(dǎo)出與導(dǎo)入實現(xiàn)模塊化管理的相關(guān)資料，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習或者工作具有一定的參考學(xué)習價值，需要的朋友們下面隨著小編來一起學(xué)習學(xué)習吧2020-12-12
IE的 JScript 存在內(nèi)存泄露的bug 想必大家都清楚或者有耳聞了。這是由于IE的內(nèi)存回收管理器的一個設(shè)計錯誤導(dǎo)致的2011-10-10
這篇文章主要為大家介紹了Electron 電源狀態(tài)管理示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-03-03