JavaScript實(shí)現(xiàn)隨機(jī)數(shù)生成器(去重)
本文實(shí)例為大家分享了js實(shí)現(xiàn)隨機(jī)數(shù)生成器的具體代碼,供大家參考,具體內(nèi)容如下
1.實(shí)驗(yàn)前準(zhǔn)備:
Math函數(shù)的理解
數(shù)組方法的理解
2.實(shí)驗(yàn)操作:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>隨機(jī)數(shù)生成</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>產(chǎn)生隨機(jī)數(shù)的范圍:</label><input type="text" id="min">--<input type="text" id="max"></br> <label>需要產(chǎn)生多少個(gè)隨機(jī)數(shù):</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(); }) //把按順序存儲(chǔ)的數(shù)組打亂 for(var i=0;i<num;i++){ result+=oArray[i]+","; } document.getElementById("result").innerText=result; } </script> </html>
3.操作結(jié)果
以上就是本文的全部內(nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
無縫滾動(dòng)的簡單實(shí)現(xiàn)代碼(推薦)
下面小編就為大家?guī)硪黄獰o縫滾動(dòng)的簡單實(shí)現(xiàn)代碼(推薦)。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-06-06ES2020 已定稿,真實(shí)場(chǎng)景案例分析
許多新的特性被提議包括在 ES2020版本中。好消息是這些已經(jīng)已經(jīng)敲定。 現(xiàn)在,我們獲得了最終定稿的功能清單,它們將在被批準(zhǔn)發(fā)布之后出現(xiàn)在備受期待的 ES2020 中,具體內(nèi)容詳情,大家可以閱讀下本文2020-05-05使用JS解析excel文件的完整實(shí)現(xiàn)步驟
解析excel文件是我們?nèi)粘i_發(fā)中經(jīng)常遇到的一個(gè)需求,下面這篇文章主要給大家介紹了關(guān)于使用JS解析excel文件的完整實(shí)現(xiàn)步驟,文中通過示例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-10-10js判斷數(shù)組中是否包含某個(gè)值的4種方法總結(jié)
這篇文章主要給大家總結(jié)介紹了關(guān)于js判斷數(shù)組中是否包含某個(gè)值的4種方法,數(shù)組是我們編程中經(jīng)常使用的的數(shù)據(jù)結(jié)構(gòu)之一,在處理數(shù)組時(shí)我們經(jīng)常需要在數(shù)組中查找特定的值,JavaScript 包含一些內(nèi)置方法來檢查數(shù)組是否有特定的值或?qū)ο?需要的朋友可以參考下2023-11-11談?wù)勎覍?duì)JavaScript原型和閉包系列理解(隨手筆記8)
這篇文章主要介紹了談?wù)勎覍?duì)JavaScript原型和閉包系列理解(隨手筆記8)的相關(guān)資料,需要的朋友可以參考下2015-12-12JavaScript設(shè)計(jì)模式經(jīng)典之命令模式
命令模式(Command)的定義是:用來對(duì)方法調(diào)用進(jìn)行參數(shù)化處理和傳送,經(jīng)過這樣處理過的方法調(diào)用可以在任何需要的時(shí)候執(zhí)行。接下來通過本文給大家介紹JavaScript設(shè)計(jì)模式經(jīng)典之命令模式,需要的朋友參考下2016-02-02