需求：

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

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

  2. springboot(四)-项目部署

    Springboot和我们之前学习的web应用程序不一样,其本质上是一个java应用程序.部署的方式有两种:打成jar包,或者打成war包. 打成jar包 切换到项目文件中 然后mvn install ...

  3. JS中||的某些用法

    var a = 0 ||'sda';console.log(a);//sda var a = '' ||'sda';console.log(a);//sda

  4. jQuery常用的方法

    each() 以每一个匹配的元素作为上下文来执行一个函数. size()  jQuery 对象中元素的个数.

  5. BENZ Prognosis System C5 SD Be connected & Panasonic Xentry-Tab

    Brand-new released!! Recently, we all autonumen website gives a brand-new Superstar prognosis bundle ...

  6. 采用MQTT协议实现android消息推送（2）MQTT服务端与客户端软件对比、android客户端示列表

    1.服务端软件对比 https://github.com/mqtt/mqtt.github.io/wiki/servers 名称(点名进官网) 特性 简介 收费 支持的客户端语言 IBM MQ 完整的 ...

  7. Mac下Jenkins+SVN+Xcode构建持续导出环境

    1 安装Jenkins Jenkins是基于Java开发的一种持续集成工具.所以呢,要使用Jenkins必须使用先安装JDK. JDK安装 JDK 下载地址 jdk 1.8.png 安装JDK的过程略 ...

  8. jenkins +gitlab 自动化代码秒级上线

    一,配置脚本 #!/bin/bash #目标服务器IP地址 host=$ #job名称 job_name=$ #包名 name=web-$(date +)) #打包 cd /var/lib/jenki ...

  9. js模拟实现哈希表

    在算法中,尤其是有关数组的算法中,哈希表的使用可以很好的解决问题,所以这篇文章会记录一些有关js实现哈希表并给出解决实际问题的例子. 说明: 这篇博客所写并不是真正意义的哈希表,只是与哈希表的使用有相 ...

  10. Hadoop升级

    1.停止所有MR任务 stop-mapred.sh 2.检查HDFS hadoop fsck / -files -blocks -locations > dfs-v-old-fsck-.log ...