JavaScript: Generate random number in range on click and add random number on every next click

Question

I got to make script that should generate random number from 1 to 10 on element click and every next click that variable should be higher than previous generated number.

There is my code, I just need to add that "adding next random number to previous generated random number". I'm stuck there a little bit :-)

$(document).ready(function () {

  $('#wheel-start').click(function () {
    var min = 1;
    var max = 10;
    var totalDegree = Math.floor(Math.random() * (max - min + 1)) + min;

    $('#wheel-rotate').css({
      'transform': 'rotate(' + totalDegree * 72 + 'deg)'
    });

    console.log('totalDegree: ' + totalDegree);
  });
});

Thanks in advance!

What happens if the first number is 9 or 10?

Jack Bashford
– Jack Bashford

2019-08-01 13:29:08 +00:00
Commented Aug 1, 2019 at 13:29 — Jack Bashford
– Jack Bashford, Commented Aug 1, 2019 at 13:29
Doesn't matter what the first number is.

a1tern4tive
– a1tern4tive

2019-08-01 13:30:55 +00:00
Commented Aug 1, 2019 at 13:30 — a1tern4tive
– a1tern4tive, Commented Aug 1, 2019 at 13:30
"and every next click it should be higher than previous"

Jack Bashford
– Jack Bashford

2019-08-01 13:31:35 +00:00
Commented Aug 1, 2019 at 13:31 — Jack Bashford
– Jack Bashford, Commented Aug 1, 2019 at 13:31
Edited the description.

a1tern4tive
– a1tern4tive

2019-08-01 13:33:05 +00:00
Commented Aug 1, 2019 at 13:33 — a1tern4tive
– a1tern4tive, Commented Aug 1, 2019 at 13:33

Rajaprabhu Aravindasamy · Accepted Answer · 2019-08-01 15:56:07Z

1

Just update the min with the newly generated number. But once it reaches the upper limit, you can't get any other number other than the max range.

$(document).ready(function () {
  $('#wheel-start').click((function(min, max) { 
       return function() {
          var totalDegree = Math.floor(Math.random() * (max - min + 1)) + min;
          min = totalDegree;
          max = min === max ? (max+10) : max;

          $('#wheel-rotate').css({
             'transform': 'rotate(' + totalDegree * 72 + 'deg)'
          });
          console.log('totalDegree: ' + totalDegree);
       }
    })(1, 10));
});

edited Aug 1, 2019 at 15:56

answered Aug 1, 2019 at 13:33

Rajaprabhu Aravindasamy

67.2k17 gold badges107 silver badges133 bronze badges

Sign up to request clarification or add additional context in comments.

8 Comments

Murat Aras Over a year ago

min will be set as 1 on every click. Because of "var min = 1;" line. You have to move "var min = 1" to out of function scope.

VLAZ Over a year ago

Also, you need to update max as well, otherwise you'll only be generating that number.

Rajaprabhu Aravindasamy Over a year ago

@muratonnet Updated it to work correctly. Thanks for pointing it though.

Rajaprabhu Aravindasamy Over a year ago

@chepkasov Upgrade the limit to what? I will just update the code to upgrade the limit to another 10. You can modify it as per your requirement later.

a1tern4tive Over a year ago

Exactly what I need, thank you, you're the best! :-D

|

Greedo · Accepted Answer · 2019-08-01 13:34:38Z

1

Just save totalDegree in a higher scope and increment its value each click:

function clickCallback(){
    var min = 1;
    var max = 10;
    var plus = Math.floor(Math.random() * (max - min + 1)) + min;
    totalDegree += plus;

}

Change min and max to define a smaller/bigger random step

answered Aug 1, 2019 at 13:34

Greedo

3,5481 gold badge15 silver badges30 bronze badges

Comments

Il Maro · Accepted Answer · 2019-08-01 13:33:40Z

-1

$(document).ready(function () {
  var n=0;

  $('#wheel-start').click(function () {
  var min = 1;
  var max = 10;
  var go=true;
  while(go){
     var totalDegree = Math.floor(Math.random() * (max - min + 1)) + min;
     if(n<totalDegree){
        n=totalDegree;
        go=false;
     }
  }

  $('#wheel-rotate').css({
    'transform': 'rotate(' + totalDegree * 72 + 'deg)'
  });

  console.log('totalDegree: ' + totalDegree);
  });
});

Have a nice day

answered Aug 1, 2019 at 13:33

Il Maro

216 bronze badges

2 Comments

VLAZ Over a year ago

This will turn into an infinite loop when n = 10

Il Maro Over a year ago

It's suffice add an "exception" to prevent it. My "solution" responds to the question and stop

Collectives™ on Stack Overflow

JavaScript: Generate random number in range on click and add random number on every next click

3 Answers 3

8 Comments

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

8 Comments

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related