cari

Rumah >hujung hadapan web >tutorial js >用JavaScript写随机抽取号码的小程序实例详解

用JavaScript写随机抽取号码的小程序实例详解

巴扎黑
巴扎黑asal
2017-08-12 16:19:113777semak imbas

这篇文章主要介绍了使用JS编写的随机抽取号码的小程序功能,非常不错，具有参考借鉴价值，需要的朋友可以参考下

刚开始学习JavaScript，写了一个随机抽取号码的小程序，附上body里的所有代码，供大家参考。

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

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

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

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

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

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

具体代码如下:


<body>
  <input type="text" id="txt" placeholder="请在里面输入号码最大值！">
  <input type="button" id="btn" value="抽号">
  <p>
   <span>结果：</span>
   <span id="result"></span>
  </p>
  <p>
   <span>已抽取：</span>
   <span id="exist"></span>
  </p>
  <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>

运行结果如下：

Atas ialah kandungan terperinci 用JavaScript写随机抽取号码的小程序实例详解. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：Javascript中有关this关键字的用法详解Artikel seterusnya：javascript简化代码常用技巧讲解

Artikel berkaitan

Lihat lagi