新西兰服务器

如何使用JS编写随机抽取号码的小程序


如何使用JS编写随机抽取号码的小程序

发布时间:2022-04-12 11:06:52 来源:高防服务器网 阅读:66 作者:iii 栏目:编程语言

本篇内容介绍了“如何使用JS编写随机抽取号码的小程序”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!

本程序可以实现功能如下:

1、在文本框中输入抽号最大值

2、点击按钮,开始抽号,随机生成1~最大值之间的整数

3、已经抽取的号码不能再次抽取到,保证号码的唯一性

4、将号码结果放入result中显示出来

5、将已经生成的号码存入exist中显示出来

具体代码如下:

<body>    <input type="text" id="txt" placeholder="请在里面输入号码最大值!">    <input type="button" id="btn" value="抽号">    <div>     <span>结果:</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>

运行结果如下:

“如何使用JS编写随机抽取号码的小程序”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识可以关注高防服务器网网站,小编将为大家输出更多高质量的实用文章!

[微信提示:高防服务器能助您降低 IT 成本,提升运维效率,使您更专注于核心业务创新。

[图文来源于网络,不代表本站立场,如有侵权,请联系高防服务器网删除]
[