JavaScript实现随机数生成器(去重)


Posted in Javascript onOctober 13, 2017

本文实例为大家分享了js实现随机数生成器的具体代码,供大家参考,具体内容如下

1.实验前准备:

Math函数的理解

数组方法的理解

2.实验操作:

<!DOCTYPE html> 
<html lang="en"> 
<head> 
  <meta charset="UTF-8"> 
  <title>随机数生成</title> 
</head> 
<style type="text/css"> 
body{font-size: 20px;} 
#box{border:3px solid #666;width:500px;height:300px;margin:20px auto;padding:20px;position: relative;} 
#min,#max{width: 60px;margin:5px;} 
#num{margin:15px;width: 115px;} 
button{width:80px;height:30px;letter-spacing: 10px;font-size: 15px;} 
h1{margin: 10px 90px;} 
</style> 
<body> 
<div> 
  <div id="box"> 
    <h1>课堂提问生成器</h1> 
    <label>产生随机数的范围:</label><input type="text" id="min">--<input type="text" id="max"></br> 
    <label>需要产生多少个随机数:</label><input type="text" id="num"></br> 
    <button onclick="produce()">生成</button> 
    <p id="result"></p> 
  </div> 
</div> 
</body> 
<script type="text/javascript"> 
  function produce(){ 
    var omin=document.getElementById("min").value; 
    var max=document.getElementById("max").value; 
    var num=document.getElementById("num").value; 
    var oArray=new Array; 
    var result=""; 
    var min=omin; 
    for(var i=0;i<=max-omin;i++){ 
       oArray[i]=min; 
       min++; 
        console.log(oArray[i]); 
    } 
    //没有去重的原代码 
    // for(var i=0;i<num;i++){ 
    // result+=parseInt(Math.random()*(max-min+1) + min)+","; 
    // } 
    oArray.sort(function(){return 0.5 - Math.random(); })  //把按顺序存储的数组打乱 
    for(var i=0;i<num;i++){ 
    result+=oArray[i]+","; 
  } 
  document.getElementById("result").innerText=result; 
} 
</script> 
</html>

3.操作结果

JavaScript实现随机数生成器(去重)

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
Notify - 基于jquery的消息通知插件
Oct 18 Javascript
js调用浏览器打印模块实现点击按钮触发自定义函数
Mar 21 Javascript
jQuery打印图片pdf、txt示例代码
Jul 22 Javascript
JavaScript 学习笔记之语句
Jan 14 Javascript
JS实现兼容性好,自动置顶的淘宝悬浮工具栏效果
Sep 18 Javascript
jQuery事件绑定on()与弹窗实现代码
Apr 28 Javascript
AngularJS入门教程之ng-class 指令用法
Aug 01 Javascript
Node.js中防止错误导致的进程阻塞的方法
Aug 11 Javascript
React学习笔记之条件渲染(一)
Jul 02 Javascript
浅谈React和Redux的连接react-redux
Dec 04 Javascript
jquery如何实现点击空白处隐藏元素
Dec 05 jQuery
基于node下的http小爬虫的示例代码
Jan 11 Javascript
AngualrJs清除定时器遇到的坑
Oct 13 #Javascript
React Native中Navigator的使用方法示例
Oct 13 #Javascript
React Native中TabBarIOS的简单使用方法示例
Oct 13 #Javascript
ReactJS实现表单的单选多选和反选的示例
Oct 13 #Javascript
Angular.js通过自定义指令directive实现滑块滑动效果
Oct 13 #Javascript
捕获未处理的Promise错误方法
Oct 13 #Javascript
解决ie img标签内存泄漏的问题
Oct 13 #Javascript
You might like
骨王战斗力在公会成员中排不进前五,却当选了会长,原因竟是这样
2020/03/02 日漫
经典的星际争霸,满是回忆的BGM
2020/04/09 星际争霸
在PHP的图形函数中显示汉字
2006/10/09 PHP
Smarty模板学习笔记之Smarty简介
2014/05/20 PHP
php实现删除指定目录下相关文件的方法
2014/10/20 PHP
php用xpath解析html的代码实例讲解
2019/02/14 PHP
记Laravel调用Gin接口调用formData上传文件的实现方法
2019/12/12 PHP
基于jquery的用鼠标画出可移动的div
2012/09/06 Javascript
js实现点击注册按钮开始读秒倒计时的小例子
2013/05/11 Javascript
jQuery选择器源码解读(六):Sizzle选择器匹配逻辑分析
2015/03/31 Javascript
vueJS简单的点击显示与隐藏的效果【实现代码】
2016/05/03 Javascript
Bootstrap表单布局样式源代码
2016/07/04 Javascript
微信小程序 弹幕功能简单实例
2017/02/14 Javascript
详解Vue源码中一些util函数
2019/04/24 Javascript
关于layui 弹出层一闪而过就消失的解决方法
2019/09/09 Javascript
在vue中使用echars实现上浮与下钻效果
2019/11/08 Javascript
Electron整合React使用搭建开发环境的步骤详解
2020/06/07 Javascript
[50:21]Liquid vs Winstrike 2018国际邀请赛小组赛BO2 第二场
2018/08/19 DOTA
Python程序语言快速上手教程
2012/07/18 Python
浅析Python中的多条件排序实现
2016/06/07 Python
ansible作为python模块库使用的方法实例
2017/01/17 Python
在PYQT5中QscrollArea(滚动条)的使用方法
2019/06/14 Python
Pandas对DataFrame单列/多列进行运算(map, apply, transform, agg)
2020/06/14 Python
python图片验证码识别最新模块muggle_ocr的示例代码
2020/07/03 Python
Python利用socket模块开发简单的端口扫描工具的实现
2021/01/27 Python
英国知名衬衫品牌美国网站:Charles Tyrwhitt美国
2016/08/28 全球购物
商务英语求职自荐信范文
2013/12/24 职场文书
体育运动口号
2014/06/09 职场文书
六查六看剖析材料
2014/10/06 职场文书
免职证明样本
2014/10/23 职场文书
2015幼儿园新学期寄语
2015/02/27 职场文书
驾驶员管理制度范本
2015/08/06 职场文书
关于战胜挫折的名言警句大全!
2019/07/05 职场文书
导游词书写之黄山
2019/08/06 职场文书
创业计划书之少年玩具店
2019/09/05 职场文书
python小程序之飘落的银杏
2021/04/17 Python