怎么使用JS编写随机抽取号码的小程序-创新互联

这篇文章主要介绍怎么使用JS编写随机抽取号码的小程序,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!

蔚县网站制作公司哪家好,找创新互联!从网页设计、网站建设、微信开发、APP开发、成都响应式网站建设公司等网站项目制作,到程序开发,运营维护。创新互联成立于2013年到现在10年的时间,我们拥有了丰富的建站经验和运维经验,来保证我们的工作的顺利进行。专注于网站建设就选创新互联

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

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

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

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

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

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

具体代码如下:


  
  
  
   结果:       
  
   已抽取:       
      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;      }     }    }     

运行结果如下:

怎么使用JS编写随机抽取号码的小程序

以上是“怎么使用JS编写随机抽取号码的小程序”这篇文章的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注创新互联成都网站制作公司行业资讯频道!

另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。


网站栏目:怎么使用JS编写随机抽取号码的小程序-创新互联
文章源于:http://scyanting.com/article/deeeoo.html