JS实现“双色球”

需求：

双色球玩法简单介绍：
　　“双色球”彩票投注区分为红色球号码区和蓝色球号码区。每注投注号码由6个红色球号码和1个蓝色球号码组成。
红色球号码从1--33中选择；蓝色球号码从1--16中选择。
程序要求：
　　1、彩票号码按从大到小的顺序输出，且无重复数字
　　2、不足两位的号码高位补0

参考：JS随机数生成

一、包括下线数字（lower）不包括上限数字（upper）

/**
     * 产生随机整数，包含下限值，但不包括上限值
     * @param {Number} lower 下限
     * @param {Number} upper 上限
     * @return {Number} 返回在下限到上限之间的一个随机整数
     */
    function random(lower, upper) {
       return Math.floor(Math.random() * (upper - lower)) + lower;
    }

//调用：console.log(random(1,100));

二、包括下线数字（lower）也包括上限数字（upper）

/**
     * 产生随机整数，包含下限值，包括上限值
     * @param {Number} lower 下限
     * @param {Number} upper 上限
     * @return {Number} 返回在下限到上限之间的一个随机整数
     */
    function random(lower, upper) {
       return Math.floor(Math.random() * (upper - lower+1)) + lower;
    }

console.log(random(1,100));

三、扩展

/**
     * 产生一个随机的rgb颜色
     * @return {String} 返回颜色rgb值字符串内容，如：rgb(201, 57, 96)
     */
    function randomColor() {
       // 随机生成 rgb 值，每个颜色值在 0 - 255 之间
       var r = random(0, 256),
           g = random(0, 256),
           b = random(0, 256);
       // 连接字符串的结果
       var result = "rgb("+ r +","+ g +","+ b +")";
       // 返回结果
       return result;
    }

原文：https://blog.csdn.net/zerogf/article/details/79105567

下文原创:

<!Doctype html>

<html>

<head>

<title>双色球</title>

<style>

    *{

        margin:0;

        padding:0;

    }

    .header{

        background-color:yellow;

        width:100%;

        height:100px;

        border:1px solid red;

        line-height: 100px;/*让div中的文字内容垂直居中*/

        text-align: center;/*让文字水平居中*/

    }

    .main{

        margin:0 auto;

        width:100%;

        height:100px;

    }

    #num{

     position: relative;

        width:25%;

        height:100px;

        border:1px solid red;

        margin:0 auto;

    }

    #redNum{

        color:red;

        float:left;

        border:1px solid red;

    }

    #blueNum{

        color:blue;

        float:left;

        border:1px solid red;

    }

</style>

</head>

<body>

<div class="header">

双色球

</div>

<div class="content">

<pre>

双色球玩法简单介绍：

　　“双色球”彩票投注区分为红色球号码区和蓝色球号码区。每注投注号码由6个红色球号码和1个蓝色球号码组成。

红色球号码从1--33中选择；蓝色球号码从1--16中选择。

程序要求：

　　1、彩票号码按从大到小的顺序输出，且无重复数字

　　2、不足两位的号码高位补0

</pre>

</div>

<hr>

<input onclick="createNum()" type = "button"value="点击生成双色球号码"/>

<hr>

<div class="main">

    <div id="num">

        <div id="redNum"></div>

        <div id="blueNum"></div>

    </div>

</div>

</body>

<script>

    //js随机数1到33生成不重复的

    function createNum(){

        // 装随机数

        var arr=[];//容器        

        //红色球 6个

        while(arr.length<6){

            var num = Math.floor(Math.random()*33)+1;//js随机数1到33

            if(-1 == arr.indexOf(num)){//数组中不存在

                num = parseInt(num,10);

                arr.push(prefixInteger(num,2));

            }

        }

        console.log("红色球: "+arr);

        var redDiv = document.getElementById("redNum");

        redDiv.innerHTML = arr;

        //蓝色球 1个

        while(arr.length<7){

            var num = Math.floor(Math.random()*16)+1;//js随机数1到16

            if(-1 == arr.indexOf(num)){//数组中不存在

                num = parseInt(num,10);

                arr.push(prefixInteger(num,2));

            }

        }

        console.log("红色球+蓝色球: "+arr);

        var blueDiv = document.getElementById("blueNum");

        blueDiv.innerHTML = ","+arr[6];

    }

    // num传入的数字，n需要的字符长度

    //例如：传入6，需要的字符长度为3，调用方法后字符串结果为：006

    function prefixInteger(num, n) {

        return (Array(n).join(0) + num).slice(-n);

    }

</script>

</html>

巴特西

JS实现“双色球”

最新文章

热门文章