2017-12-29 7 views
0

Jemand hat mir gezeigt, den folgenden Code ein, der zwischen 1 und 10 3 Zufallszahlen erzeugt:Wie kann ich die eindeutigen Zufallszahlen aus diesem Code auf meiner Seite erscheinen lassen?

var limit = 10, 
    amount = 3, 
    lower_bound = 1, 
    upper_bound = 10, 
    unique_random_numbers = []; 

if (amount > limit) limit = amount; //Infinite loop if you want more unique 
            //Natural numbers than exist in a 
            // given range 
while (unique_random_numbers.length < limit) { 
    var random_number = Math.floor(Math.random()*(upper_bound - lower_bound) + lower_bound); 
    if (unique_random_numbers.indexOf(random_number) == -1) { 
     // Yay! new random number 
     unique_random_numbers.push(random_number); 
    } 
} 
// 

Wie könnte ich machen diese Zahlen werden anstelle von Elementen mit einer entsprechenden Klasse? Der folgende Code ist eindeutig falsch, aber hoffentlich zeigt es, was ich zu erreichen bin versucht:

<script type='text/javascript'> 
    var random_number1 = random_number1(); 
    $('.random_number1').html(random_number1); 

    var random_number2 = random_number2(); 
    $('.random_number2').html(random_number2); 
</script> 

<span class="random_number1"></span> <span class = "random_number2"></span> 
+0

Ihr Zufallszahlengenerator übermäßig durch die Art und Weise kompliziert ist: p und ja, Ihr Versuch ist eindeutig falsch. Sie haben ein Array von unique_random_numbers ... verwenden Sie es, anstatt die nicht existenten Funktionen randum_number1/2 –

+1

"Jemand" ist falsch. Dieser Code generiert keine 3 Zufallszahlen zwischen 1 und 10, sondern generiert eine nicht reagierende Seite dank einer Endlosschleife. Es wird versucht, 10 eindeutige zufällige Ganzzahlen in [1, 9] zu generieren. – AuxTaco

+1

Nun, Ihr Code verweist auch auf Elemente, bevor sie auf der Seite vorhanden sind. – epascarello

Antwort

0

vorausgesetzt, Sie ein div mit der ID von Zahlen und den Array-unique_random_numbers hatte man es auf diese Weise füllen würde, vorausgesetzt, Sie haben jquery Referenz:

for (i = 0; i < unique_random_numbers.length; i++) 
{ 
    $("#Numbers").html($("#Numbers").html() +"<span>" + unique_random_numbers[i] + "</span><br/>"); 
} 
Verwandte Themen