需求：

双色球玩法简单介绍：
　　“双色球”彩票投注区分为红色球号码区和蓝色球号码区。每注投注号码由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实现“双色球”的更多相关文章

  1. 原生js模拟双色球

    <!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title> ...

  2. 一款强大的双色球走势图，助你500W梦想，js+mvc+html

    序言 估计每个人都有中500W的梦想,我关注双色球也有一定年数了,可最多中也只有10块钱,这已经算是最大的奖,最近闲来无事,研究下怎么去开发双色球的走势图,觉得还是蛮有意思的,用MVC+JS+HTMl ...

  3. 双色球js

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  4. js小效果-双色球

    <!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8" ...

  5. 原生js代码挑战之动态添加双色球

    var ballArr = []; //存放已有的红球,用来排除重复和排序window.onload = function(){ var btn = document.createElement(&q ...

  6. js 简版双色球 取号

    <style type="text/css"> span{ display: block; float: left; width: 50px; height: 50px ...

  7. 用JavaScript中lodash编写双色球

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  8. 前端学习(十四）js回顾和定时器（笔记）

    回顾知识点:    作用域:        1.全局变量:在任何位置都可以使用的变量        2.局部变量:只能在函数内部使用的变量        3.闭包:子函数可以使用父函数的局部变量 -- ...

  9. 初识python 之 爬虫：爬取双色球中奖号码信息

    人生还是要有梦想的,毕竟还有python.比如,通过python来搞一搞彩票(双色球).注:此文仅用于python学习,结果仅作参考.用到知识点:1.爬取网页基础数据2.将数据写入excel文件3.将 ...

随机推荐

  1. 洛谷 P1477 [NOI2008]假面舞会

    题目链接 题目描述 一年一度的假面舞会又开始了,栋栋也兴致勃勃的参加了今年的舞会. 今年的面具都是主办方特别定制的.每个参加舞会的人都可以在入场时选择一 个自己喜欢的面具.每个面具都有一个编号,主办方 ...

  2. SPOJ - LOCKER 数论 贪心

    题意:求出\(n\)拆分成若干个数使其连乘最大的值 本题是之江学院网络赛的原题,计算规模大一点,看到EMAXX推荐就做了 忘了大一那会是怎么用均值不等式推出结果的(还给老师系列) 结论倒还记得:贪心分 ...

  3. JavaScript的type属性等于text/html 例子

    在使用JavaScript标签<script>的时候,其中type最常用的就是text/javascript 其实这个type还有其他用法,下面直接给出例子: type属性为text/ht ...

  4. Linux下Tomcat启动报 The BASEDIR environment variable is not defined

    今天是2017年2月27.在Linux下部署Tomcat官网下载的Tomcat 8.5,结果启动startup.sh报如下错,即使只是跑version.sh也报同样的错. $ ./version.sh ...

  5. 转帖 JS的基础语法

    1.变量 1)变量是用来存储信息的容器. 2)在javascript中使用var 运算符(variable 的缩写)加变量名定义的. varx = 10; vary = 10.1; varz = “H ...

  6. 01-oracle限定查询-20190404

    关系型数据库和半结构化数据(xml文件) oracle12c:c代表云计算 PDB,CDB sql语句执行顺序: 第一步:from子句控制数据来源: 第二步:where子句使用限定符对数据行过滤: 第 ...

  7. elastic 常用查询操作

    _ GET      http://127.0.0.1:9200/_cat/health?v  健康状况 GET      http://127.0.0.1:9200/_cat/indices?v  ...

  8. SpringMVC 源码阅读

  9. TOJ 2814 Light Bulb

    Description Compared to wildleopard's wealthiness, his brother mildleopard is rather poor. His house ...

  10. Android 软件自动更新功能实现的方法

    相信所有的用户都遇到过软件提醒更新的情况,下面就将实现此功能 首先看一下程序目录结构 步骤: 1.新建一个类UpdateManger,用于显示提示更新 详细出处参考:http://www.jb51.n ...