Generating random numbers on different input texts and ensuring random numbers shown are unique

Question

I'm trying to create a JavaScript code segment with JQuery which has random numbers that are constantly changing and will show in different text boxes.

However, I can't figure out how to make the numbers show different values for each text box. How can I accomplish this?

Here is my JavaScript code so far:

var pcount = $(".pcount");
for(var i= 0; i < pcount.length; i++){
var n = []; 
var element = pcount.eq(i);
setInterval(function() {
    n[i] = 10 + Math.floor(Math.random(Number($( ".pcount" ).val())) * 10);    
    $('.pcount').val(n[i]); 
}, 1000);}

Here is the HTML code for the text boxes:

<input type="text" class="pcount pc1" value="10"/>
<input type="text" class="pcount pc2" value="13"/>
<input type="text" class="pcount pc3" value="16"/>

possible duplicate of [Javascript closure inside loops - simple practical example](http://stackoverflow.com/questions/750486/javascript-closure-inside-loops-simple-practical-example) — Barmar, May 01 '14 at 02:04

jfriend00 · Accepted Answer · 2014-05-01T02:33:29.450

To make sure the random numbers are truly unique, you have to keep track of all random numbers that came before and if you get a conflict, generate a new one:

var makeUniqueRandom = (function() {
    var randoms = {};
    return function(low, hi) {
        var rand;
        while (true) {
            rand = Math.floor((Math.random() * (hi - low)) + low);
            if (!randoms[rand]) {
                randoms[rand] = true;
                return rand;
            }
        }
    }
})();

Usage:

var rand = makeUniqueRandom(1, 10);

Notes: You have to make absolutely sure you don't exhaust the available random numbers because if you do, it will turn into an infinite loop. So, if you're asking for random numbers from 1-10 (9 possible values), then don't call it more than 9 times.

To put random values into <input> tags, you can do this:

<input type="text" class="pcount pc1" value="10"/>
<input type="text" class="pcount pc2" value="13"/>
<input type="text" class="pcount pc3" value="16"/>

$(".pcount").each(function() {
    this.value = makeUniqueRandom(1, 10);
});

thank you for your answer but how can i show the random numbers on different text boxes? — reenraan, May 01 '14 at 02:29
@user3591429 - I added how to fill some `` tags with unique random numbers. — jfriend00, May 01 '14 at 02:33
waaaaa! Thank you so much! T^T finally got it working, thanks a lot! — reenraan, May 01 '14 at 02:43

Generating random numbers on different input texts and ensuring random numbers shown are unique

1 Answers1

Linked