使用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>已抽取：</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)文章
網(wǎng)頁(yè)和瀏覽器兼容性問(wèn)題匯總(draft1)
由于IE擴(kuò)展了許多私有的DOM、CSS等導(dǎo)致許多網(wǎng)頁(yè)的開(kāi)發(fā)者都根據(jù)IE開(kāi)發(fā)，才導(dǎo)致許多網(wǎng)頁(yè)的不規(guī)范，從而導(dǎo)致現(xiàn)在的瀏覽器瀏覽相同網(wǎng)頁(yè)效果不盡相同。2009-06-06
這篇文章主要介紹了JavaScript新增樣式規(guī)則(推薦)的相關(guān)資料,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下2016-07-07
這篇文章主要介紹了Vuex模塊化應(yīng)用實(shí)踐示例，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-02-02
在現(xiàn)代Web開(kāi)發(fā)中,異步編程是不可或缺的一部分,JavaScript通過(guò)多種方式支持異步操作,允許開(kāi)發(fā)者處理非阻塞代碼執(zhí)行,從而提高應(yīng)用性能和響應(yīng)速度,本文給大家介紹了JavaScript異步操作的常見(jiàn)方法,需要的朋友可以參考下2025-01-01
這篇文章主要介紹了異步JS框架的作用以及使用方法2015-10-10
layui時(shí)間控件選擇時(shí)間范圍的實(shí)現(xiàn)方法
今天小編就為大家分享一篇layui時(shí)間控件選擇時(shí)間范圍的實(shí)現(xiàn)方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2019-09-09
之前腳本之家發(fā)過(guò)相關(guān)的文章，這里又是一篇關(guān)于jquery常用方法的收集整理，我們給放到一起，學(xué)習(xí)jquery的朋友可以參考下。2010-03-03
js open() 與showModalDialog()方法使用介紹
項(xiàng)目開(kāi)發(fā)中經(jīng)常要用到j(luò)s open() 與showModalDialog()方法，下面有個(gè)不錯(cuò)的示例，喜歡的朋友可以研究下2013-09-09
JavaScript將數(shù)組轉(zhuǎn)換成CSV格式的方法
這篇文章主要介紹了JavaScript將數(shù)組轉(zhuǎn)換成CSV格式的方法,實(shí)例分析了javascript使用valueOf方法將數(shù)組值轉(zhuǎn)換為csv格式字符串的技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-03-03
JS中判斷某個(gè)字符串是否包含另一個(gè)字符串的五種方法
本文給大家?guī)?lái)JS中判斷某個(gè)字符串是否包含另一個(gè)字符串的五種方法，有string對(duì)象的方法，match() 方法，RegExp對(duì)象的方法，test() 方法，exec() 方法，具體內(nèi)容詳情大家參考下本文2018-05-05