随机彩票号码生成器
Random lottery number generator
我想要做的是为希腊彩票游戏生成 6 个随机数,5 个在 1-45 范围内,一个在 1-25 范围内 (Tzoker)。前 5 个数字应该是唯一的。通过按下一个按钮,我想使用 jQuery 将这些数字添加到 div (我有这部分的一些工作代码)。
我认为使用循环会很容易,但我发现自己无法检查生成的数字是否已经存在。循环将只包含前 5 个数字,因为 最后一个数字可以等于其他 5.
中的一个
让我向您推荐一些更简单的解决方案。
- 列出从 1 到 45 的所有数字。
- 使用
Math.random
(加减一些东西,read the docs of Array.sort
找出)作为比较函数对列表进行排序。您将获得随机顺序的列表。
- 从列表中取前 5 项。
- 然后,当你已经有了数字时,将它们全部放入你的div。
这样您就不会将您的逻辑(获取数字)与您的演示文稿(将内容放入 DOM)混为一谈。
我将实现留作 reader 的练习。 :)
虽然这可能不完全符合您的要求,但如果您使用 lodash,这将很简单:
_.sample(_.range(1, 46), 5) // the 5 numbers from 1..45
_.random(1, 26) // one more from 1..25
这就是 functional programming is so cool. You can read for example Javascript Allonge 了解更多信息的原因。
var tzoker = $("#tzoker");
var results = $("#results");
tzoker.click(function() {
results.empty();
var properResults = [];
var rand = 0;
var contains = false;
for (i = 1; i < 7; i++) {
do
{
(rand = Math.floor((Math.random() * (i != 6 ? 45 : 25)) + 1));
contains = properResults.indexOf(rand) > -1;
} while(contains)
results.append("<br />", rand, "<br />");
properResults.push(rand);
}
});
这是一个解决方案的主要思想。您可以将最大值定义为随机参数。
然后,检查项目是否存在于一个简单的数组中,只有你想要的数据。
像这样?
$(function() {
$('button').on('click', function(e) {
e.preventDefault();
var numArray = [];
while( numArray.length < 5 ) {
var number = Math.floor((Math.random() * 45 ) + 1);
if( $.inArray( number, numArray ) == -1 ) {
numArray.push( number );
}
}
numArray.push( Math.floor((Math.random() * 25 ) + 1) );
$('div').html( numArray.join("<br />") );
});
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button>Generate</button>
<div></div>
您可以使用生成从 1
到 maxValue
的随机数的通用函数,并且仅当它们不存在时才将它们添加到数组中。然后,要显示,循环遍历数组项并将它们附加到 #randomNumbers
.
HTML
<div id="randomNumbers"></div>
JS(含jQuery)
var randomNumbersArray = [];
$(function() {
generateRandomNumbers();
displayRandomNumbers();
});
function generateRandomNumbers() {
for (i = 0; i < 5; i++) {
generateRandomNumberFrom1To(45);
}
generateRandomNumberFrom1To(25);
}
function generateRandomNumberFrom1To(maxValue) {
var randomNumber;
do {
randomNumber = Math.ceil(Math.random() * maxValue);
} while ($.inArray(randomNumber, randomNumbersArray) > -1);
randomNumbersArray.push(randomNumber);
}
function displayRandomNumbers() {
for (i in randomNumbersArray) {
$("#randomNumbers").append(randomNumbersArray[i] + "<br>");
}
}
我想要做的是为希腊彩票游戏生成 6 个随机数,5 个在 1-45 范围内,一个在 1-25 范围内 (Tzoker)。前 5 个数字应该是唯一的。通过按下一个按钮,我想使用 jQuery 将这些数字添加到 div (我有这部分的一些工作代码)。
我认为使用循环会很容易,但我发现自己无法检查生成的数字是否已经存在。循环将只包含前 5 个数字,因为 最后一个数字可以等于其他 5.
中的一个让我向您推荐一些更简单的解决方案。
- 列出从 1 到 45 的所有数字。
- 使用
Math.random
(加减一些东西,read the docs ofArray.sort
找出)作为比较函数对列表进行排序。您将获得随机顺序的列表。 - 从列表中取前 5 项。
- 然后,当你已经有了数字时,将它们全部放入你的div。
这样您就不会将您的逻辑(获取数字)与您的演示文稿(将内容放入 DOM)混为一谈。
我将实现留作 reader 的练习。 :)
虽然这可能不完全符合您的要求,但如果您使用 lodash,这将很简单:
_.sample(_.range(1, 46), 5) // the 5 numbers from 1..45
_.random(1, 26) // one more from 1..25
这就是 functional programming is so cool. You can read for example Javascript Allonge 了解更多信息的原因。
var tzoker = $("#tzoker");
var results = $("#results");
tzoker.click(function() {
results.empty();
var properResults = [];
var rand = 0;
var contains = false;
for (i = 1; i < 7; i++) {
do
{
(rand = Math.floor((Math.random() * (i != 6 ? 45 : 25)) + 1));
contains = properResults.indexOf(rand) > -1;
} while(contains)
results.append("<br />", rand, "<br />");
properResults.push(rand);
}
});
这是一个解决方案的主要思想。您可以将最大值定义为随机参数。 然后,检查项目是否存在于一个简单的数组中,只有你想要的数据。
像这样?
$(function() {
$('button').on('click', function(e) {
e.preventDefault();
var numArray = [];
while( numArray.length < 5 ) {
var number = Math.floor((Math.random() * 45 ) + 1);
if( $.inArray( number, numArray ) == -1 ) {
numArray.push( number );
}
}
numArray.push( Math.floor((Math.random() * 25 ) + 1) );
$('div').html( numArray.join("<br />") );
});
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button>Generate</button>
<div></div>
您可以使用生成从 1
到 maxValue
的随机数的通用函数,并且仅当它们不存在时才将它们添加到数组中。然后,要显示,循环遍历数组项并将它们附加到 #randomNumbers
.
HTML
<div id="randomNumbers"></div>
JS(含jQuery)
var randomNumbersArray = [];
$(function() {
generateRandomNumbers();
displayRandomNumbers();
});
function generateRandomNumbers() {
for (i = 0; i < 5; i++) {
generateRandomNumberFrom1To(45);
}
generateRandomNumberFrom1To(25);
}
function generateRandomNumberFrom1To(maxValue) {
var randomNumber;
do {
randomNumber = Math.ceil(Math.random() * maxValue);
} while ($.inArray(randomNumber, randomNumbersArray) > -1);
randomNumbersArray.push(randomNumber);
}
function displayRandomNumbers() {
for (i in randomNumbersArray) {
$("#randomNumbers").append(randomNumbersArray[i] + "<br>");
}
}