Generate Javascript Random Number between 1 and 10

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:-

Conclusion:- I hope this tutorial will help you to understand the concept of producing a random number. If there is any doubt then please leave a comment below

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

--

--

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.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
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.