需求：

双色球玩法简单介绍：
　　“双色球”彩票投注区分为红色球号码区和蓝色球号码区。每注投注号码由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. SiteServer CMS简介

    SiteServer CMS 是中国在.NET平台下.强大的企业站开源CMS内容管理系统和网站群系统. 能够最低的成本.最少的人力投入在最短的时间内架设好一个功能齐全.性能优异.规模庞大并易于维护的网 ...

  2. 01背包----简单DP

    描述 且说上一周的故事里,小Hi和小Ho费劲心思终于拿到了茫茫多的奖券!而现在,终于到了小Ho领取奖励的时刻了! 小Ho现在手上有M张奖券,而奖品区有N件奖品,分别标号为1到N,其中第i件奖品需要ne ...

  3. JAVA 序列化_基础

    JAVA序列化 实现 Serializable 接口的对象,可以序列化为本地文件 简单示例: //序列化类 public class Test implements Serializable { pr ...

  4. Win32窗口创建过程

    编写窗口程序的步骤:    1 定义WinMain函数    2 定义窗口处理函数–自己定义处理消息    3 注册窗口类(往OS写入数据)    4 创建窗口 (在内存中创建窗口)    5 显示窗 ...

  5. spring对异步的支持

    spring中异步方法的配置 1.在web.xml文件中设置org.springframework.web.servlet.DispatcherServlet的async-supported属性为tr ...

  6. SpringBoot集成JWT 实现接口权限认证

    JWT介绍 Json web token (JWT), 是为了在网络应用环境间传递声明而执行的一种基于JSON的开放标准((RFC 7519).该token被设计为紧凑且安全的, 特别适用于分布式站点 ...

  7. POST 还是 GET？

    POST 还是 GET? 浏览器使用 method 属性设置的方法将表单中的数据传送给服务器进行处理.共有两种方法:POST 方法和 GET 方法. 如果采用 POST 方法,浏览器将会按照下面两步来 ...

  8. 如何给swing加上alt+x和ctrl+x快捷键

    1.给菜单栏上的菜单alt+x快捷键非常简单: private JMenu helpInfo = new JMenu("帮助"); helpInfo.setMnemonic(Key ...

  9. js正则验证表达式

    //上传文件大小验证 $.fn.checkFileTypeAndSize = function (options) { //默认设置 var defaults = { allowedExtension ...

  10. OLEDB 调用存储过程

    除了常规调用sql语句和进行简单的插入删除操作外,OLEDB还提供了调用存储过程的功能,存储过程就好像是用SQL语句写成的一个函数,可以有参数,有返回值. 存储过程除了像普通函数那样返回一般的值以外, ...