Set a minimum value for randomly generated numbers

Question

I am using this function to generate and alternate random values inside a div

var change_price = $('#myprice');
animationTimer = setInterval(function() {
  change_price.text( ''+   Math.floor(Math.random() * 100) );      
}, 1000);

#myprice {
  padding: 20px;
  font-size:24px;
  color: green;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="myprice">50</div>

What I want to do is to control the min value too. For example, to have random generated values from 50 to 100. Not starting from zero(0) as other posts do

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Math/random#Getting_a_random_number_between_two_values — Álvaro González, Nov 11 '18 at 10:16
@Mohammad I want to control the minimum value. The answer you posted is about to generate random number too, but with no minimum limit. values there starting from 0 — Bill, Nov 11 '18 at 10:27

Mohammad · Accepted Answer · 2018-11-11T10:29:57.800

1

As mentioned in mozilla developer you can generate random number between max and min as shown in bottom

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

So your code should changed to

var change_price = $('#myprice');
animationTimer = setInterval(function() {
  change_price.text(Math.floor(Math.random() * (100-50+1)) + 50);
}, 100);

#myprice {
  padding: 20px;
  font-size:24px;
  color: green;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="myprice">50</div>

edited Nov 11 '18 at 10:29

answered Nov 11 '18 at 10:21

Mohammad

21,175
15
55
84

please add the function to your post too, `getRandomIntInclusive` – hanshenrik Nov 11 '18 at 10:23
1

@hanshenrik For this question only need this part of function so i removed additional code – Mohammad Nov 11 '18 at 10:27
@Mohammad I can see that the most generated numbers are above 50, but I am still getting numbers under 50 too. – Bill Nov 11 '18 at 10:31
1

@Bill that means you did not do it as in this answer. Run the snippet -- there is never a value below 50. – trincot Nov 11 '18 at 10:32
1

@Bill Check [jsfiddle](http://jsfiddle.net/abckopdz/) if number is below 50 color changed to red – Mohammad Nov 11 '18 at 10:36
Thank you both. I just checked again and it work like it should. – Bill Nov 11 '18 at 10:38

Set a minimum value for randomly generated numbers

1 Answers1