js双色球，大乐透选奖

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no,viewport-fit=cover">
    <title>双色球，大乐透选奖</title>
    <style>
        *{ margin:0; padding:0;}
        body{
            background-color:#fffae7;
        }
        .shuang{
            margin-top:100px;
            margin-left:20px;
            padding:10px;
        }
        .shuangbox{
            color: #f00;
        }
        .lanqiu{
            color: #00f;
            margin-left:30px;
        }
        p{ margin-top:20px; margin-left:20px; font-weight:bold;}
    </style>
</head>
<body>
<div>
    <button class="shuang" id="shuang">机选一注双色球</button>
    <p>
        <span class="shuangbox" id="shuangbox"></span>
        <span class="lanqiu" id="lanqiu"></span>
    </p>
</div>
<div>
    <button class="shuang" id="daletou">机选一注大乐透</button>
    <p>
        <span class="shuangbox" id="daletoubox"></span>
        <span class="lanqiu" id="dale"></span>
    </p>
</div>
</body>
</html>
<script>
    window.onload=function(){
        //未封装版   信松哥 中大奖
        $('shuang').onclick=shaungseqiu;
        shaungseqiu();//初始化
        function shaungseqiu(){
            $('shuangbox').innerHTML=arrChoose(33,6);//双色球红球
            var lanqiu = Math.ceil(Math.random()*16);
            $('lanqiu').innerHTML=lanqiu;//双色球蓝球
        }

        $('daletou').onclick=daletou;
        daletou();//初始化

        function daletou(){
            $('daletoubox').innerHTML=arrChoose(35,5);//大乐透红球
            $('dale').innerHTML=arrChoose(12,2);//大乐透蓝球
        }

        //maxlength 数字范围最大值，long 选取的个数
        function arrChoose(maxlength,long){
            if(long>maxlength){return false}
            var arr=[];
            for(var i=1;i<=maxlength;i++){
                arr.push(i);
            }
            for(var i=0;i<3;i++){//打乱数组三次
                arr.sort(function(a,b){
                    return Math.random()>0.5?1:-1;
                })
            }
            var newarr = arr.slice(0,long);
            newarr.sort(function(a,b){//对新数组排序
                return a-b;
            })
            return newarr.join(' ');
        }

        function $(id){
            return document.getElementById(id);
        }

    }

</script>

js双色球，大乐透选奖

猜你喜欢