JavaScript random number generator implementation method-JS Tutorial-php.cn

Home

Web Front-end

JS Tutorial

JavaScript random number generator implementation method

Jan 29, 2018 am 10:47 AM

javascript js random number

This article mainly introduces the JavaScript implementation of a random number generator in detail to generate non-repeating random numbers. It has a certain reference value. Interested friends can refer to it. I hope it can help everyone.

1. Preparation before experiment:

Understanding of Math function

Understanding of array method

2. Experimental operation:

&lt;!DOCTYPE html&gt; 
&lt;html lang=&quot;en&quot;&gt; 
&lt;head&gt; 
  &lt;meta charset=&quot;UTF-8&quot;&gt; 
  &lt;title&gt;随机数生成&lt;/title&gt; 
&lt;/head&gt; 
&lt;style type=&quot;text/css&quot;&gt; 
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;} 
&lt;/style&gt; 
&lt;body&gt; 
&lt;p&gt; 
  &lt;p id=&quot;box&quot;&gt; 
    &lt;h1&gt;课堂提问生成器&lt;/h1&gt; 
    &lt;label&gt;产生随机数的范围：&lt;/label&gt;&lt;input type=&quot;text&quot; id=&quot;min&quot;&gt;--&lt;input type=&quot;text&quot; id=&quot;max&quot;&gt;&lt;/br&gt; 
    &lt;label&gt;需要产生多少个随机数：&lt;/label&gt;&lt;input type=&quot;text&quot; id=&quot;num&quot;&gt;&lt;/br&gt; 
    &lt;button onclick=&quot;produce()&quot;&gt;生成&lt;/button&gt; 
    &lt;p id=&quot;result&quot;&gt;&lt;/p&gt; 
  &lt;/p&gt; 
&lt;/p&gt; 
&lt;/body&gt; 
&lt;script type=&quot;text/javascript&quot;&gt; 
  function produce(){ 
    var omin=document.getElementById(&quot;min&quot;).value; 
    var max=document.getElementById(&quot;max&quot;).value; 
    var num=document.getElementById(&quot;num&quot;).value; 
    var oArray=new Array; 
    var result=&quot;&quot;; 
    var min=omin; 
    for(var i=0;i&lt;=max-omin;i++){ 
       oArray[i]=min; 
       min++; 
        console.log(oArray[i]); 
    } 
    //没有去重的原代码 
    // for(var i=0;i&lt;num;i++){ 
    // result+=parseInt(Math.random()*(max-min+1) + min)+&quot;,&quot;; 
    // } 
    oArray.sort(function(){return 0.5 - Math.random(); })  //把按顺序存储的数组打乱 
    for(var i=0;i&lt;num;i++){ 
    result+=oArray[i]+&quot;,&quot;; 
  } 
  document.getElementById(&quot;result&quot;).innerText=result; 
} 
&lt;/script&gt; 
&lt;/html&gt;

Copy after login

3. Operation results

Related recommendations:

How to generate random numbers using javascript Method summary

php rand() function for random number generation

JavaScript implementation of random number deduplication generator

The above is the detailed content of JavaScript random number generator implementation method. For more information, please follow other related articles on the PHP Chinese website!

Statement of this Website

The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn