我不确定这是否是发布的正确位置,因为这更多的是代码背后的逻辑,而不是关于实际代码的问题,但我将从这里开始。我在一个为期3天的会议上经营一个展位。每个来参加会议的人都会得到一个印有号码的礼品袋。在我的摊位上,他们可以检查他们的号码是否是中奖号码。我正在创建一个简单的网络工具,有一个旋转的车轮动画伴随检查,如果他们是赢家之一。
假设有2000人参加会议(只有4个“大奖”,其他人都赢了一支笔“现在代码被设置为简单的if else语句,如果你的数字是w,x,y,或z,你就是赢家,其他人都赢了一支笔。我们从1-2000的范围内随机设置中奖数字(或者明确地选择它们,我不认为这真的很重要)。
以下是代码的基本版本:
HTML
<p>
Numbers 1-4 are winning numbers
</p>
<form id="form">
<input id="code" type="text" name="code" placeholder="Code" onfocus="this.placeholder=''" onblur="this.placeholder='Code'">
</form>
<button id="submit">Submit your number</button>
<div class="prize">
</div>JS
$( document ).ready(function() {
$( "#submit" ).click(function(){
$('.prize').addClass('show');
var prize = document.getElementById('code').value;
console.log(prize);
if (prize == 1){
$('.prize').html('<span style="color:red">YOU WIN AN IPAD</span>');
} else if (prize == 2){
$('.prize').html('<span style="color:red">YOU WIN AN IPAD</span>');
} else if (prize == 3){
$('.prize').html('<span style="color:red">YOU WIN AN IPAD</span>');
} else if (prize == 4){
$('.prize').html('<span style="color:red">YOU WIN AN IPAD</span>');
} else {
$('.prize').html('<span style="color:red">YOU WIN A PEN</span>');
}
});
});CSS
.prize{
display: none;
}
.prize.show{
display: block;
}这里是小提琴:https://jsfiddle.net/zm6gjkvt/
我遇到的问题是,我们希望这个游戏有一个更随机的感觉,就像拉斯维加斯的轮盘赌桌,看看你是否打到了中奖号码。此外,即使赔率非常低,我们也不希望所有的大赢家都在第一天,我们也不想冒着4个大赢家根本不出现在展位上的风险,给我们留下剩余的奖品。这背后有没有我遗漏的逻辑?我有点不知所措。
考虑到我上面试图解释的逻辑,有没有更好的方法来做到这一点?提出的一个想法是让获胜者在一天中的特定时间后第一个来到展台,但不太确定如何实现这一点。
发布于 2017-07-26 02:05:09
@88Jayto回答了我的问题,我正在寻找什么。在下面这个问题后面随机生成4次:Generate random date between two dates and times in Javascript
https://stackoverflow.com/questions/45291603
复制相似问题