一个类似抽奖的js小demo
之前在segmentfault看到的一个问题:
- 按钮1为抽奖用,每按一次随机抽取一人,后面不重复
- 按钮2重置
代码如下
<div id="wrapper">
<button>select</button>
<button>reset</button>
</div>
<script>
window.onload = function() {
var aBtn = document.getElementsByTagName('button');
var cards = ['a', 'b', 'c', 'd'];
aBtn[0].onclick = function() {
var len = cards.length;
if (len) {
//取得0-3的数
var random = Math.floor(Math.random() * len + 0);
alert(cards.splice(random, 1));
len--;
} else {
alert('no card');
}
};
aBtn[1].onclick = function() {
cards = ['a', 'b', 'c', 'd'];
};
};
</script>
从某个整数范围内随机选择一个值的公式:Math.floor(Math.random() * 可能值的总数 + 第一个可能值)