<!DOCTYPE html>

<html>

    <head>

        <!-- 页面上有3个输入框：分别为max，min，num；三个按钮：分别为生成，排序，去重；

            在输入框输入三个数字后，先点击生成按钮，生成一个数组长度为num，值为max到min

            之间的随机整数；点击排序，对当前数组进行排序，点击去重，对当前数组进行去重。

            每次点击之后使结果显示在控制台

        -->

        <meta charset="utf-8">

        <title>生成、排序、去重</title>

    </head>

    <body>

　　　 <!-- 创建三个输入框和三个按钮 -->　　　　

        <input type="text" id="max" />

        <input type="text" id="min" />

        <input type="text" id="num" />

        <input type="button"  id="btn" value="生成" />

        <input type="button"  id="btn1" value="排序" />

        <input type="button"  id="btn2" value="去重" />

    </body>

    <script type="text/javascript">

        //先对输入框声明变量

        var oMax=document.getElementById("max")

        var oMin=document.getElementById("min")

        var oNum=document.getElementById("num")

        var oBtn=document.getElementById("btn")

        var oBtn1=document.getElementById("btn1")

        var oBtn2=document.getElementById("btn2")

        var arr=[];

        // 生成一个数组长度为num，值为max到min之间的随机整数

        oBtn.onclick =function(){

            for(var d=0;d<oNum.value;d++){

                arr[d]=random(oMax.value,oMin.value)

            }

               //范围随机函数的封装

                function random(max,min){

            return Math.round(Math.random()*(max-min)+min)

        }

        console.log(arr)

        }

        //排序

        //数组的排序最重要的一点就是遍历，此处数组的冒泡排序

        oBtn1.onclick = function(){

            for (var i=0;i<arr.length-1;i++) {

                for (var j=0;j<arr.length-i-1;j++) {

                    var sum;

                    if (arr[j]>arr[j+1]) {

                        sum=arr[j+1];

                        arr[j+1]=arr[j];

                        arr[j]=sum;

                    }

                }

            }

            console.log(arr)

        }

        // 去重

        oBtn2.onclick = function(){

            for (var a = 0;a<arr.length;a++) {

                for (var e=a+1;e<arr.length;e++) {

                    if(arr[a]==arr[e]){

                        arr.splice(e,1);

                        e--;

                    }

                }

            }

            console.log(arr);

        }

    </script>

</html>

页面上有3个输入框：分别为max，min，num；三个按钮：分别为生成，排序，去重；在输入框输入三个数字后，先点击生成按钮，生成一个数组长度为num，值为max到min之间的随机整数点击排序，对当前数组进行排序，点击去重，对当前数组进行去重。 每次点击之后使结果显示在控制台的更多相关文章

  1. bit-map牛刀小试：数组test[X]的值所有在区间[1, 8000]中， 现要输出test中反复的数。要求:1. 不能改变原数组; 2.时间复杂度为O(X);3.除test外空间不超过1KB

    先来看看这个题目:数组test[X]的值所有在区间[1, 8000]中. 现要输出test中反复的数.要求:1. 不能改变原数组; 2.时间复杂度为O(X);3.除test外空间不超过1KB. 好, ...

  2. 明明想在学校中请一些同学一起做一项问卷调查，为了实验的客观性，他先用计算机生成了N个1到1000之间的随机整数（N≤1000），对于其中重复的数字，只保留一个，把其余相同的数去掉，不同的数对应着不同的学生的学号。然后再把这些数从

    明明想在学校中请一些同学一起做一项问卷调查,为了实验的客观性,他先用计算机生成了N个1到1000之间的随机整数(N≤1000),对于其中重复的数字,只保留一个,把其余相同的数去掉,不同的数对应着不同的 ...

  3. js input框输入1位数字后自动跳到下一个input框聚焦

    // input框输入1位数字后自动跳到下一个input聚焦 function goNextInput(el){ var txts = document.querySelectorAll(el); f ...

  4. 要生成在[min,max]之间的随机整数，

    import java.util.Random; public class RandomTest { public static void main(String[] args) { int max= ...

  5. PHP检测数组中的每个值是否含有特殊字符

    本文出至:新太潮流网络博客 /** * [TestArray 检测数组是一维还是二维] * @E-mial wuliqiang_aa@163.com * @TIME 2017-04-07 * @WEB ...

  6. 【WPF学习笔记】之如何把数据库里的值读取出来然后显示在页面上：动画系列之（六）（评论处有学习资料及源码）

    (应博友们的需要,在文章评论处有源码链接地址,以及WPF学习资料.工具等,希望对大家有所帮助) ...... 承接系列五 上一节讲了,已经把数据保存到数据库并且删除数据,本讲是把已经存在的数据从数据库 ...

  7. 剑指offer24：二叉树中和为输入整数值的所有路径。(注意: 在返回值的list中，数组长度大的数组靠前)

    1 题目描述 输入一颗二叉树的根节点和一个整数,打印出二叉树中结点值的和为输入整数的所有路径.路径定义为从树的根结点开始往下一直到叶结点所经过的结点形成一条路径.(注意: 在返回值的list中,数组长 ...

  8. 计算一个数组里的重复值并且删去(java)

    主要思想: 数组可以无序 假设数字里的值都为正 循环判断数组 如果与前面的数字相同则变为-1 然后记录-1的个数算出重复值 然后重新new一个减去重复值长度的新数组 和原数组判断 不为-1的全部复制进 ...

  9. 从数据库提取数据通过jstl显示在jsp页面上

    从数据库提取数据通过jstl显示在jsp页面上 1.ConnectDB.java连接数据库,把数据转换成list public class ConnectDB { private final stat ...

随机推荐

  1. [已解决]报错: Python Scrapy - service_identity(opentype) not working and cannot install

    解决:更新安装service_identity pip3 install service_identity --force --upgrade

  2. python调用tushare获取沪深A股票资金流向数据

    接口:moneyflow 描述:获取沪深A股票资金流向数据,分析大单小单成交情况,用于判别资金动向 限量:单次最大提取4000行记录,总量不限制 积分:用户需要至少1500积分才可以调取,基础积分有流 ...

  3. 晒订单赢图灵图书，《第一行代码——Android》福利活动劲爆来袭！

    版权声明:本文出自郭霖的博客,转载必须注明出处. https://blog.csdn.net/sinyu890807/article/details/28863515 (已结束) 我的著作<第一 ...

  4. go strconv

    strconv是golang用来做数据类型转换的一个库. 介绍下strconv最常用的两个方法, 没有解释语言那么自在可以str(int),int(string), 那还算简练. num, err : ...

  5. [机器学习][face recognition] 一个视频人脸识别实现

    开发环境和用到的库: Ubuntu jupyter notebook(python3.6) OpenCV Dlib face_recognition 实现效果如下(视频截图): #coding=utf ...

  6. 判断list中元素是否是相邻

    private static List<Integer> findShunZi(List<Integer> tmpCards){ List<Integer> lis ...

  7. day07 python列表 集合 深浅拷贝

    day07 python   一.知识点补充     1."".join() s = "".join(('1','2','3','4','5'))  #将字符串 ...

  8. http核心模块 node

    ttp超文本传输协议* 协议至少双方 -> http双方!! * 客户端(浏览器) -> 服务器 BS - 原生应用(QQ) -> 服务器 CS * 就是数据如何传输 * 特点: * ...

  9. Thread.Join理解

    Thread.Join:Blocks the calling thread until a thread terminates MainThread里面起了一个SubThread,从SubThread ...

  10. HTML ASCII 参考手册

    HTML 和 XHTML 用标准的 7 比特 ASCII 代码在网络上传输数据. 7 比特 ASCII 代码可提供 128 个不同的字符值. 7 比特 可显示的 ASCII 代码 结果 描述 实体编号 ...