Scribd
Upload
66 views

Generating Random Numbers in JavaScript - by Javascript Jeep?? - Better Programming - Medium

The document discusses different ways to generate random numbers in JavaScript. It explains that Math.random() generates a random number between 0 and 1. It then provides functions to generate random whole numbers within a range by using Math.floor() or Math.round(). The document also discusses how to generate random hexadecimal colors by storing hex values in an array and selecting random indexes.

Uploaded by

Kelve Aragao
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
66 views

Generating Random Numbers in JavaScript - by Javascript Jeep?? - Better Programming - Medium

The document discusses different ways to generate random numbers in JavaScript. It explains that Math.random() generates a random number between 0 and 1. It then provides functions to generate random whole numbers within a range by using Math.floor() or Math.round(). The document also discusses how to generate random hexadecimal colors by storing hex values in an array and selecting random indexes.

Uploaded by

Kelve Aragao
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 4

25/08/2020

Generating Random Numbers in


JavaScript
Itʼs more than Math.random()
Javascript Jeep🚙 💨
Dec 1, 2019 · 2 min read

Image by NeONBRAND

The  Math.random()  will generate a pseudo-random floating number (a number


with decimals) between  0  (inclusive) and 1 (exclusive).

Here, the random number doesn’t mean that you always get a unique number. It
generates the same number only after some interval. The interval here is very long,
so you probably won’t get the same number twice.

To generate a random number, we can use:

https://medium.com/better-programming/generating-random-numbers-in-javascript-4b2a1e9d1806 1/4
25/08/2020

Math.random(); //0.6140915758927235 may be you get different


value

Defining our own random number function:

function rand(maxLimit = 100) {

return Math.random() * maxLimit;

rand(10); // 5.500949568251157

To get whole numbers, we can use:

Math.floor() → to round down

Math.ceil() → to round up

Math.round() → to nearest number

// using Math.floor

function rand(maxLimit = 100) {

let rand = Math.random() * maxLimit;

return Math.floor(rand);

// the above code generates any numbers between 0 to maxLimit-1

To get a random number between two numbers ( min  included,  max  excluded):

function rand(min, max) {

let randomNum = Math.random() * (max - min) + min;

return Math.floor(randomNum);

https://medium.com/better-programming/generating-random-numbers-in-javascript-4b2a1e9d1806 2/4
25/08/2020

rand(10, 20);

In the above code,  (max-min) + min  is just to handle if there is any case when the
max is less than the min. In such a case, where max is less than min:

max = 5, min = 10

(max - min) + min => (5 - 10) + 5 => -5 + 5 => 0

To get random numbers including min and max element, we can


change  Math.floor  to  Math.round  :

function rand(min, max) {

let randomNum = Math.random() * (max - min) + min;

return Math.round(randomNum);

rand(10, 20);

Generating Random Hex Colours


We know that hex colours have  1–9  and  a-f  .

To generate random colours:

Store hex values on array

Use math.rand to get index

Create a color string of length six or three.

https://medium.com/better-programming/generating-random-numbers-in-javascript-4b2a1e9d1806 3/4
25/08/2020

Thanks for reading!

https://medium.com/better-programming/generating-random-numbers-in-javascript-4b2a1e9d1806 4/4

You might also like