需求：

双色球玩法简单介绍：
　　“双色球”彩票投注区分为红色球号码区和蓝色球号码区。每注投注号码由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. C++_标准模板库STL概念介绍3-函数对象

    函数对象也叫做函数符(functor). 函数符是可以以函数方式和( )结合使用的任意对象. 包括函数名,指向函数的指针,重载了()运算符的类对象. 可以这样定义一个类: class Linear { ...

  2. LCT小小结

    模板题P3690 基础题P3203[HNOI2010]弹飞绵羊 \(access\)是搞出一条端点为\(x,y\)的路径 , 且维护的是实子树的信息 . 由于题目比较简单 , \(access\)时还 ...

  3. Kibana6.x.x源码分析--Error: $injector:nomod Module Unavailable

    首先我的依赖注入写法如下: 由于是新手,比对着Kinaba中已有的插件,进行摸索开发,但运行代码后,发现在注册依赖的时候报错了.如下截图所示: 然后根据提示:http://errors.angular ...

  4. [转] JavaScript中的Truthy和Falsy介绍

    [From] http://www.jb51.net/article/59285.htm 与大多数编程语言一样,JavaScript中存在boolean类型,以供逻辑判断使用.不过,和很多其它编程语言 ...

  5. [V1-Team] 第一周总结

    第一周总结 写在前面 会议名称 会议时间 会议时长 会议地点 第一次周例会 2019/4/1 19:00 70min F楼2层沙发休息处 附Github仓库:WEDO 例会照片 工作情况总结 人员 上 ...

  6. Python学习 day07

    一.关于解决问题的思路 1.删除列表中索引为单数的元素. 别人的思路: 利用切片 li = [11, 22, 33, 44, 55] li = li[::2] print(li) 思考:虽然学了pyt ...

  7. querySelectorAll与childNodes

    NodeList 对象是一个节点的集合,是由 Node.childNodes 和 document.querySelectorAll 返回的. html代码: <ul id="pare ...

  8. org.springframework.dao.DataIntegrityViolationException: could not execute statement; SQL [n/a]; constraint [null]; nested exception is org.hibernate.

    今天报了这个异常,这是页面报的 org.springframework.dao.DataIntegrityViolationException: could not execute statement ...

  9. 如何在DIV内只要垂直滚动条，不要水平滚动条

    <DIV style="OVERFLOW-Y: scroll; OVERFLOW-X:hidden; width: 685px; height: 180px">< ...

  10. php 中全局变量global 的使用

    简介 即使开发一个新的大型PHP程序,你也不可避免的要使用到全局数据,因为有些数据是需要用到你的代码的不同部分的.一些常见的全局数据有:程序设定类.数 据库连接类.用户资料等等.有很多方法能够使这些数 ...