JS实现计算最大值max，最小值min 随机生成，进行排序，去重。-白红宇的个人博客

发布日期：2021-05-08 13:32:38 浏览次数：19 分类：原创文章

本文共 2428 字，大约阅读时间需要 8 分钟。

实现效果：3个文本框，进行生成随机数，排序，去重功能，点击生成按钮，实现效果

<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <meta name="viewport" content="width=device-width, initial-scale=1.0">    <title>Document</title>    <style>        #bigbox{                width:1000px;height: 600px;margin: auto;        }    </style></head><body>    <div id="bigbox">        <div class="box1">            <p> max:<input type="text" id="max"></p>            <p> min:<input type="text" id="min"></p>            <p>个数:<input type="text" id="num"></p>            <p><input type="submit" value="生成数组"id="tp1" ></p>            <a></a>            <p><input type="submit"value="排序" id="tp2"></p>            <b></b>            <p><input type="submit"value="去重" id="tp3"></p>            <c></c>        </div></body><script>    var oMax=document.getElementById("max")    var oMin=document.getElementById("min")    var oNum=document.getElementById("num")    var otp1= document.querySelector("#bigbox #tp1");    var otp2= document.querySelector("#bigbox #tp2");    var otp3= document.querySelector("#bigbox #tp3");    var aa = document.querySelector("#bigbox a")    var bb = document.querySelector("#bigbox b")    var cc = document.querySelector("#bigbox c")    console.log(aa)    console.log(bb)    console.log(cc)    var arr =[];    otp1.onclick = function(){            for(var i=0;i<oNum.value;i++){                arr[i]=radm(oMax.value,oMin.value)                   }        aa.innerHTML = arr;        function radm(max,min){                return Math.round(Math.random()*(max-min)+min)        }        console.log(arr)                    }    otp2.onclick = function(){            for (var k=0;k<arr.length-1;k++) {                 for (var j=0;j<arr.length-k-1;j++) {                    var sum;                if (arr[j]>arr[j+1]) {                            sum=arr[j+1];                        arr[j+1]=arr[j];                        arr[j]=sum;                }              }         }         bb.innerHTML = arr;         console.log(arr)     }     otp3.onclick =function(){             for(var q = 0;q<arr.length;q++){                for (var e=q+1;e<arr.length;e++) {                        if(arr[q]==arr[e]){                            arr.splice(e,1);                        e--;                    }                }            }            console.log(arr);            cc.innerHTML = arr;     }</script></html>

内容仅供参考。简易设计有具体问提建议私聊+评论，麻烦各位大佬儿！

上一篇：JS 无缝轮播图的实现

下一篇：用JS实现放大镜效果

发表评论

关于作者

喝酒易醉，品茶养心，人生如梦，品茶悟道，何以解忧？唯有杜康！

-- 愿君每日到此一游！

发表评论

最新留言

关于作者

推荐文章