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