zoukankan      html  css  js  c++  java
  • 一个类似抽奖的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() * 可能值的总数 + 第一个可能值)

  • 相关阅读:
    EasyUI tab
    CC和他的AE86
    Spreading the Wealth UVA
    Ultra-QuickSort POJ
    区间完全覆盖问题(贪心)
    Mod Tree HDU
    Snakes and Ladders LightOJ
    There is no SSR CSU
    X问题 HDU
    斐波那契数列
  • 原文地址:https://www.cnblogs.com/u14e/p/5302795.html
Copyright © 2011-2022 走看看