返回顶部
首页 > 资讯 > 前端开发 > VUE >怎么使用JS编写随机抽取号码的小程序
  • 453
分享到

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

2024-04-02 19:04:59 453人浏览 泡泡鱼
摘要

这篇文章主要介绍怎么使用js编写随机抽取号码的小程序,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!本程序可以实现功能如下:1、在文本框中输入抽号最大值2、点击按钮,开始抽号,随机生成

这篇文章主要介绍怎么使用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编写随机抽取号码的小程序

以上是“怎么使用JS编写随机抽取号码的小程序”这篇文章的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注编程网VUE频道!

--结束END--

本文标题: 怎么使用JS编写随机抽取号码的小程序

本文链接: https://lsjlt.com/news/70620.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

猜你喜欢
  • 怎么使用JS编写随机抽取号码的小程序
    这篇文章主要介绍怎么使用JS编写随机抽取号码的小程序,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!本程序可以实现功能如下:1、在文本框中输入抽号最大值2、点击按钮,开始抽号,随机生成...
    99+
    2024-04-02
  • 微信小程序怎么获取用户的手机号码
    微信小程序中获取用户手机号码的方式有:1.用户页面通过弹出获取;2.在小程序制作页面中,添加登录选项卡,用于获取用户手机号码;微信小程序中获取用户手机号码的方式有以下两种当用户进入小程序后,通过弹出获取手机号提醒,用户点击授权,即可获得用户...
    99+
    2024-04-02
  • 怎么用JavaScript编写简单的抽奖程序
    本篇内容介绍了“怎么用JavaScript编写简单的抽奖程序”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!...
    99+
    2024-04-02
  • 基于Python怎么编写一个微博抽奖小程序
    本篇内容主要讲解“基于Python怎么编写一个微博抽奖小程序”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“基于Python怎么编写一个微博抽奖小程序”吧!开发工具Python版本:3.7.8相关...
    99+
    2023-06-30
  • 微信小程序怎么实现获取用户手机号码功能
    本篇内容主要讲解“微信小程序怎么实现获取用户手机号码功能”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“微信小程序怎么实现获取用户手机号码功能”吧!前言获取用户手机号码 分为以下几步:第一点击页面...
    99+
    2023-07-02
  • .net+mssql制作抽奖程序思路及源码怎么编写
    这期内容当中小编将会给大家带来有关.net+mssql制作抽奖程序思路及源码怎么编写,文章内容丰富且以专业的角度为大家分析和叙述,阅读完这篇文章希望大家可以有所收获。抽奖程序:思路整理,无非就是点一个按钮,...
    99+
    2024-04-02
  • 怎么用Java编写一个小程序
    编写Java小程序的步骤如下:1. 安装Java开发工具包(JDK):从Oracle官网下载并安装最新版本的JDK。2. 配置开发环...
    99+
    2023-10-18
    java
  • 微信小程序获取用户手机号码的详细步骤
    目录前言接下来我们通过服务器获取授权deciphering解密方法总结前言 我们在做小程序开发的过程中,经常会涉及到用户身份的问题,最普遍的就是我们要获取用户的手机号码,通过微信获取...
    99+
    2024-04-02
  • 使用python怎么编写一个扎金花小程序
    本篇文章为大家展示了使用python怎么编写一个扎金花小程序,内容简明扼要并且容易理解,绝对能使你眼前一亮,通过这篇文章的详细介绍希望你能有所收获。程序需要实现的点:先生成一付完整的扑克牌给5个玩家随机发牌统一开牌,比大小,输出赢家是谁主要...
    99+
    2023-06-06
  • 【uniapp开发小程序】点击获取手机号(使用@getphonenumber)
    一、实现效果 二、代码实现: {{info.mobile}}点击获取手机号export default {data() {return {info: {}, //个人信息}},methods: {// 获取手机号getPhoneNumbe...
    99+
    2023-08-20
    uni-app 小程序 前端
  • 微信小程序怎么使用全局js
    今天小编给大家分享一下微信小程序怎么使用全局js的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来了解一下吧。要注意的是必须要用module...
    99+
    2023-06-26
  • 小程序怎么在js中获取页面的值
    小程序在js中获取页面的值案例:在对应的wxml页面中添加以下代码:<form bindsubmit='formsubmit'><view class='Type'>...
    99+
    2024-04-02
  • 怎么使用Java编写Palm OS程序
    这篇文章主要讲解了“怎么使用Java编写Palm OS程序”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“怎么使用Java编写Palm OS程序”吧!  一、Sun的解决方案: KVM、 Co...
    99+
    2023-06-03
  • C#使用随机数编写班级点名器的示例代码
    目录随机数可以做什么?班级点名器其他用途英文意思 随机数可以做什么? 生成一些随机的数字用途非常的广泛, 例如随机抽取数据库的一条记录,把生成的数字给变量,某一个时间点执行一些代码...
    99+
    2024-04-02
  • 怎么使用Golang编写MySQL应用程序
    本篇内容介绍了“怎么使用Golang编写MySQL应用程序”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!步骤一:安装和设置MySQL数据库首...
    99+
    2023-07-05
  • 怎么用微信小程序getPhoneNumber快速获取用户手机号组件
    本篇内容介绍了“怎么用微信小程序getPhoneNumber快速获取用户手机号组件”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!说明获取微信...
    99+
    2023-06-26
  • 小程序游戏开发的代码怎么写
    今天小编给大家分享一下小程序游戏开发的代码怎么写的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来了解一下吧。  安装开发工具  前往 开发...
    99+
    2023-06-26
  • 怎么使用PHP编写 E-mail的程序文件
    这篇文章主要介绍了怎么使用PHP编写 E-mail的程序文件,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。PHP 发送电子邮件,PHP 允许您从脚本直接发送电子邮件。 PHP...
    99+
    2023-06-15
  • 怎么用Python编写一个自动关机程序
    本篇内容介绍了“怎么用Python编写一个自动关机程序”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!1、实现效果2、实现步骤模块导入impo...
    99+
    2023-06-26
  • 怎么使用Python编写诗词接龙程序
    诗歌语料库  首先,我们利用Python爬虫来爬取诗歌,制作语料库。爬取的页面如下:爬取的诗歌由于本文主要为试了展示该项目的思路,因此,只爬取了该页面中的唐诗三百首、古诗三百、宋词三百、宋词精选,一共大约110...
    99+
    2023-05-14
    Python
软考高级职称资格查询
推荐阅读
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作