Using JavaScript to Generate a Random Float Between 0 and 1

We can use JavaScript to generate a random float between 0 and 1 by making use of the JavaScript Math.random() method.

var randFloat = Math.random();

We can put this in a loop to generate a bunch on random floats between 0 and 1.

for ( var i = 0; i < 5; i++ ) {
  console.log(Math.random());
}

#Output
0.4830911662216253
0.24802682210325466
0.31637788758136076
0.8673054806550271
0.2364939090094067

When working with data, it can be very useful to generate random numbers to be able to perform simulations or get a random sample of a dataset.

Generating a random number between 0 and 1 is easy in JavaScript. We can use the Math.random() method to easily do this.

The random() method generates a random floating point value between 0 and 1.

Once again, below is an example of how to use JavaScript to generate random float numbers between 0 and 1.

for ( var i = 0; i < 3; i++ ) {
  console.log(Math.random());
}

#Output
0.1808827403989648
0.6105271536558814
0.5887831620638215

Generating a Random Float Between 0 and 1 on Click Using JavaScript

To generate a float between 0 and 1 on a click using JavaScript, we can combine the Math random() method with a click event.

Let’s say we have the following HTML, and we want to give the user the ability to generate a float and show it to the user.

<div id="div1">
  <p>Our generated random float is: <span id="rand"></span></p>
  <div id="click-me" onclick="genRandomFloat()">Generate random float</div>
</div>

We can utilize the onclick event, Math random() method, the Math round() method, and the innerHTML property to change the text of the span.

Below is the JavaScript code which will allow the user to be able to update the text in the paragraph with a random float between 0 and 1.

function genRandomFloat(){
  document.getElementById("rand").innerHTML = Math.random();
}

The final code and output for this example of how to generate a random float between 0 and 1 on click using Javascript is below:

Code Output:

Full Code:

<div id="div1">
  <p>Our generated random float is: <span id="rand"></span></p>
  <div id="click-me" onclick="genRandomFloat()">Generate random float</div>
</div>

<script>

function genRandomFloat(){
  document.getElementById("rand").innerHTML = Math.random();
}

</script>

Hopefully this article has been useful for you to understand how to use JavaScript to generate a random float between 0 and 1.