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

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

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

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编写的随机抽取号码的小程序,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对我们网站的支持!

(0)

相关推荐

  • javascript随机抽取0-100之间不重复的10个数

    目前只学会两种简单的方法,帮助大家实现随机抽取0-100之间不重复的10个数,具体内容如下 第一种利用数组长度可改写的特点 思路:可以从0到100的数用for循环出来放在一个数组中,然后将这100个数利用sort()随机打乱,然后通过将这个数组的length改写为10,便取到了10个不同的数. <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">

  • 按给定几率进行随机抽取的js代码

    复制代码 代码如下: function StringResource(k) { return StringResource[k] || k; } function RandomSelector() { var f = 0, c = []; return function (v, r) { if (arguments.length) { if (r <= 0) throw { message: StringResource("INVALID_ARGUMENT") }; c.push

  • 用js来生成随机彩票号码清单

    朋友说他的朋友喊问的问题.彩票店,想打印一个清单出来. 有编号1-22的22个球,从里面随机拿5个出来.拿出来后不放回去. 例如我第一次拿出来是号码5,第二次就是从剩下的21个球里面拿.依此类推,一共拿5个球出来. 拿出来最后5个球,排列的顺序不管,就是说拿出来是1 2 3 4 5和 5 4 3 2 1 的这样算是一样的号码,打印出来清单只能出来一次 最后把所有的结果打印出来.他所谓的简单的排列组合的问题,涉及到数组的一些操作,我暂时脑子昏没法思考. 看有没有大大可以解答了,提供一些比较方便的算

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

    刚开始学习JavaScript,写了一个随机抽取号码的小程序,附上body里的所有代码,供大家参考. 本程序可以实现功能如下: 1.在文本框中输入抽号最大值 2.点击按钮,开始抽号,随机生成1~最大值之间的整数 3.已经抽取的号码不能再次抽取到,保证号码的唯一性 4.将号码结果放入result中显示出来 5.将已经生成的号码存入exist中显示出来 具体代码如下: <body> <input type="text" id="txt" placeho

  • 使用vue编写h5公众号跳转小程序的实现代码

    前言:我使用vue编写的h5公众号,实现点击小程序入口,打开小程序,微信官方文档:https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/Wechat_Open_Tag.html 要求:微信版本要求为:7.0.12及以上. 系统版本要求为:iOS 10.3及以上.Android 5.0及以上. 跳转小程序主要的标签是 wx-open-launch-weapp 第一步在vue项目下public文件夹下的index.html页面,引入

  • 利用Java编写一个出敬业福的小程序

    目录 1.前言 2.定义工具类 3.生成"福"主类 4.运行测试 5.素材图片 1.前言 “福”的由来: 姜太公封一大批神仙时,却把自己的妻子叶氏封为穷神,还告诉她说:“有福的地方,你不能去.”从此,家家过年贴福字,就是告诉穷神,我这里是有福的地方,你千万不能进来.福字,就是摆脱穷困.追求幸福的象征. 福字之所以倒贴,传说起于清代恭亲王府.那年春节前夕,大管家按例写了几个斗大的“福”字,叫人贴于王府的大门上.有个家丁目不识丁,竟将“福”字头朝下贴上.恭亲王福晋十分气恼,欲鞭罚惩戒.可这

  • 用C编写一个送给女朋友的情人节小程序 可爱!

    本文实例为大家分享了C编写送给女朋友的小程序,供大家参考,具体内容如下 #include<iostream> #include<conio.h> #include<windows.h> #include<time.h> #include<stdio.h> using namespace std; #define wide 49 #define gao 24 #define high 6 int yanhua[gao][wide],hang,lie

  • 使用C#写了一个可以推算火车票身份证号码的小程序

    1. 火车票上*号打的是月,日,理论上的有最大366种组合: 2. 校验码是最后的一位,0-9及X,11个结果: 3. 那么,通过火车票上的身份证号,可以得到33个左右真正的有效身份证号: 4. 如果你能知道对方的星座(嗯,大家不是经常曝自己是什么星座么),那么,再将这30多个结果映射到12个星座中,最终可能性只有2-3个... 5. 结论:晒车票,一定要打码 using System; using System.Collections.Generic; using System.Linq; u

  • 使用Vue.js开发微信小程序开源框架mpvue解析

    前言 mpvue是一款使用Vue.js开发微信小程序的前端框架.使用此框架,开发者将得到完整的 Vue.js 开发体验,同时为H5和小程序提供了代码复用的能力.如果想将 H5 项目改造为小程序,或开发小程序后希望将其转换为H5,mpvue将是十分契合的一种解决方案. 目前,mpvue已经在美团点评多个实际业务项目中得到了验证,因此我们决定将其开源,希望更多技术同行一起开发,应用到更广泛的场景里去.github项目地址请参见mpvue .使用文档请参见 http://mpvue.com/. 为了帮

  • JS编写函数实现对身份证号码最后一位的验证功能

    二代身份证号码为18位,其最后一位(第18位)的计算方法为: 1. 将前面的身份证号码17位数分别乘以不同的系数.从第一位到第十七位的系数分别为: 7-9-10-5-8-4-2-1-6-3-7-9-10-5-8-4-2 2. 将这17位数字和系数相乘的结果相加 3. 用加出来和除以11,看余数是多少? 4. 余数只可能有0-1-2-3-4-5-6-7-8-9-10这11个数字.每个数字所对应的最后一位身份证的号码为:1-0-X-9-8-7-6-5-4-3-2.即,如果余数是2,就会在身份证的第1

  • JS实现随机抽取三人

    因为实验室每周需要三人来做报告,所以用JS来做一个随机抽取的页面. 首先,先说一下需求.研二同学共5人,一人是单独的一组,研一同学共9人,同时九人分为三组.所以共八组,每周报告的三人从八组中抽取,这三人不能有两人或者两人以上在同一组. 程序思路1 1.将研一的三组建成三个小的数组,从这三个数组里每组随机抽取一人: 2. 将第一步里抽取出来的三人和研二的五人放在一起,组成一个新的数组,在从中随机抽取三人: 3. 若随机抽取的三人存在上述情况,则返回第一步,重新随机抽取,直到不存在第二步的情况,然后

  • java编写一个花名随机抽取器的实现示例

    一.程序效果 还记得以前上课的时候,老师会用自己写的一个抽取器抽取同学回答问题,当时想着我也要做一个,假期没事干,自学了java,闲来无聊,我也写一个,但是写的没有老师好,哈哈,好了说一下思路,先把界面布置好,然后逐一实现每个按钮的功能,其实也没什么难的. 二.需要用到的包 import java.awt.*; import javax.swing.*; import java.awt.event.*; import java.io.*; import java.util.*; 三.代码 1.相

随机推荐