# Generate Javascript Random Number between 1 and 10

Hi friends, in this tutorial you will learn how to generate javascript random number between 1 and 10 which means you have to return all the numbers except 10 which means zero to nine. In order to generate random numbers, you should have the idea of two javascript functions as mentioned below

Math.random( ):- This function always returns the numbers less than one which means it produces the numbers between zero and one or you can say including zero and excluding one.

Example:-

`<html> <head> <title>Javascript random number example</title> </head> <body> <h3>Below is a random number using Math.random()</h3> <p id="random"></p> <script type="text/javascript"> document.getElementById("random").innerHTML = Math.random(); </script> </body> </html>`

Output:- Below is a random number using Math.random()

Math.floor( ) :- This function returns the number from the left side of a floating point number as shown in the example below

Example:-

`<html> <head> <title>Javascript random number example</title> </head> <body> <h3>Apply Math.floor() to 1.3</h3> <p id="floor"></p> <script type="text/javascript"> document.getElementById("floor").innerHTML = Math.floor(1.3); </script> </body> </html>`

Output:- Apply Math.floor() to 1.3

Also read, Object in Javascript with example

# Two ways to generate a javascript random number between 1 and 10

• Using Math.random() function with the help of
• Using the javascript function with the help of minimum and maximum numbers.

Using Math.random() function with Math.floor()

If you want to generate a random number between 1 and 10 that means you are going to display the numbers from 0 to 9. In order to do so, you can use the Math.random() function with Math.floor() as shown in the example below

Example:-

`<html> <head> <title>Javascript random number example</title> </head> <body> <h3>Random number between 1 and 10</h3> <p id="random_number"></p> <script type="text/javascript"> document.getElementById("random_number").innerHTML = Math.floor(Math.random()*10); </script> </body> </html>`

Output:- Random number between 1 and 10 Using javascript function with minimum and maximum number

As we all know that we can return any number or output inside the javascript function. Here, we will use a function using the formula as shown in the below example to return the numbers from 0 to 9.

Formula:- Math.floor(Math.random() * (max-min) ) + min;

Example:-

`<html> <head> <title>Javascript random number example</title> </head> <body> <button type="button" onclick="genearteRandomNumber()">Click here to generate random number between 1 and 10</button> <p id="random_number_using_function"></p> <script type="text/javascript"> function genearteRandomNumber() { document.getElementById("random_number_using_function").innerHTML = Math.floor(Math.random()*(10-1))+1; } </script> </body> </html>`

Output:-

Originally published at https://pbphpsolutions.com on September 14, 2022.

--

--

## More from Bipsmedium

Hi, This is Biplab and I am web developer well versed in PHP and other open source technologies. I am here to share my experience with the community. Hi, This is Biplab and I am web developer well versed in PHP and other open source technologies. I am here to share my experience with the community.