要求:
1.单击“随机产生20个整数”,按钮时,能随机生成20个4为整数(100~9999)。并将产生的20个整数写进数组中,将其从小到大进行排序,输出在我的文本框中。
2.单击“找出能被5整除的整数”按钮时,从20个随机数中找出能被整除的整数,并在文本框中输出。
3.单击“重置”按钮时,将多行文本框中的所有的内容。

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title></title><script language="JavaScript">var arr1=new Array(20);var i,j;function chansheng(){for(i=0;i<20;i++){j = Math.floor(Math.random() * (9000) + 1000);arr1[i]=j;}document.getElementById("text").innerHTML =("随机产生20个整数:"+"\n"+arr1.join(",")+"\n");arr1.sort()document.getElementById("text").innerHTML +=("从小到大排序:" + "\n"+arr1.join(",")+"\n");}function zhengchu(){document.getElementById("text").innerHTML +=("能被五整除的数:" + "\n");for(i=0;i<20;i++){if(arr1[i]%5==0){document.getElementById("text").innerHTML +=(arr1[i]+",");}}  }function qingchu(){document.getElementById("text").innerHTML = "";}</script></head><body><textarea cols="80" rows="20" id="text" style="font-size: 20px"></textarea><br><input type="button" value="随机产生20个整数" onclick="chansheng()"><input type="button" value="找出能被5整除的整数" onclick="zhengchu()"><input type="button" value="重置" onclick="qingchu()"></body>
</html>

效果:

小到大排序用sort()

JavaScript 实现web随机数排序、整除、重置相关推荐

  1. 从前慢-JavaScript之Web API-篇章4

    JavaScript之Web API-篇章4 1 PC端网页特效 1.1 元素偏移量 offset 系列 offset 翻译过来就是偏移量, 我们使用 offset 系列相 关属性可以动态的得到该元素 ...

  2. JavaScript的Web api接口

    JavaScript的Web api 文章目录 JavaScript的Web api 选中元素 事件 操作元素 获取/元素内容 获取/修改元素属性 获取/修改表单元素属性 实现一个显示/隐藏 密码的功 ...

  3. 5种JavaScript中常用的排序方法

    5种JavaScript中常用的排序方法 01.冒泡排序 通过相邻数据元素的交换,逐步将待排序序列变为有序序列,如果前面的数据大于后面的数据,就将两值进行交换,将数据进行从小到大的排序,这样对数组的第 ...

  4. JavaScript实现ShellSort希尔排序算法(附完整源码)

    JavaScript实现ShellSort希尔排序算法(附完整源码) Comparator.js完整源代码 Sort.js完整源代码 ShellSort.js完整源代码 Comparator.js完整 ...

  5. JavaScript实现SelectionSort选择排序算法(附完整源码)

    JavaScript实现SelectionSort选择排序算法(附完整源码) Comparator.js完整源代码 Sort.js完整源代码 SelectionSort.js完整源代码 Compara ...

  6. JavaScript实现CountingSort计数排序算法(附完整源码)

    JavaScript实现CountingSort计数排序算法(附完整源码) Comparator.js完整源代码 Sort.js完整源代码 CountingSort.js完整源代码 Comparato ...

  7. JavaScript实现topologicalSort拓扑排序算法(附完整源码)

    JavaScript实现topologicalSort拓扑排序算法(附完整源码) Comparator.js完整源代码 LinkedListNode.js完整源代码 LinkedList.js完整源代 ...

  8. JavaScript:实现GnomeSort侏儒排序算法(附完整源码)

    JavaScript:实现GnomeSort侏儒排序算法 export function gnomeSort (items) {if (items.length <= 1) {return}le ...

  9. 16个Javascript的Web UI库、框架及工具包

    目前,几乎所有的富Web应用程序都依赖一套UI管理,程序库或框架(或工具包),他们不仅简化了应用程序开发,他们还提供兼容的.可靠的及很强交互性的用户界面.除此之外您会请求哪些呢? 当前,广泛应用的We ...

最新文章

  1. Id.exe和ld.exe: cannot open output file … : Permission denied问题。
  2. PercentFrameLayout(百分比布局)的基本使用
  3. hud 4455 Substrings 解题报告
  4. java js引擎,Java8 Nashorn JavaScript引擎
  5. python中字典长度可变吗_Python:如何给字典分配一个长度可变的列表值?
  6. c free语言自定义函数,C 语言free函数的工作原理
  7. arm+linux+entry.s,linux kernel 之底层中断机制entry_armv.S
  8. 懂得智能配色的ImageView,还能给自己设置多彩的阴影(PaletteImageView)
  9. vue将经纬度转换成地理名称_新武汉北,红安有了一个新的地理名称,恒大项目将对标上海迪士尼...
  10. C#基础第六天-作业-利用面向对象的思想去实现名片
  11. 如何将运维的报警做成运营的报警--Java后端架构
  12. 文言文亦能编程,该项目在GitHub摘得5500星!
  13. 北大中文核心期刊计算机类前30%名录
  14. 解决:索引超出范围。必须为非负值并小于集合大小。
  15. 浅谈我国中小企业融资的问题及对策_毕业论文(20180404104959)
  16. OpenCV视频篇——颜色跟踪
  17. linux中如何查看文件上下文,linux通过grep根据关键字查找日志文件上下文
  18. 网易云音乐与阿里音乐牵手!后版权时代,在线音乐拼什么?
  19. python实现留一法_机器学习基础
  20. 微信H5和微信公众众号图文制作

热门文章

  1. 输入过压保护电路OVP原理和仿真
  2. 正向代理与反向代理是什么,有什么区别?
  3. 送20本豆瓣高分技术图书!
  4. stm32 hal库分析之uart
  5. 自己实现远程传输文件类
  6. 详解网络爬虫:网络爬虫是干什么的?有哪些应用场景?
  7. esim卡与ms卡的区别_什么是eSIM,它与SIM卡有何不同?
  8. java中的tomcatserverlet
  9. 02-windows调试工具(DebugDiag使用)
  10. 工业大数据应用技术国家工程实验室