需求:

双色球玩法简单介绍:
  “双色球”彩票投注区分为红色球号码区和蓝色球号码区。每注投注号码由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. Feel Good(两遍单调栈维护区间+前缀和)

    Bill is developing a new mathematical theory for human emotions. His recent investigations are dedic ...

  2. Selenium WebDriver 中鼠标和键盘事件分析及扩展

    [From] http://www.51testing.com/html/18/631118-861557.html 在使用 Selenium WebDriver 做自动化测试的时候,会经常模拟鼠标和 ...

  3. 子查询及pymysql

    子查询 子查询指的是当一个查询语句被作为另一个查询语句的条件时,该查询语句就称之为子查询(内层查询) 可以将一个大问题 拆分几个小的问题 然后一步一步来查询 需求:财务不有哪些人 ),sex ),jo ...

  4. Linux mysql中文乱码问题

    1.debian系统 (1)mysql 5.5版本之前 vim /etc/mysql/my.cnf 在  [client]  下面加入 default-character-set=utf8 在  [m ...

  5. laravel的一些查询语句

    刚开始使用这个框架还是有一些不一样的地方 比如我之前想把那个sql语句写到查询里面.文档里面的写法是 然后再百度上面找到的写法是可以写到select里面 $sql="SELECT a.uid ...

  6. JMS介绍

    JMS简单描述: JMS即Java消息服务(Java Message Service),是一个Java平台中面向消息中间件的API,用于在两个应用程序之间或分布式系统中发送.接受消息,从而进行异步通信 ...

  7. DB Intro - MongoDB Basic

    mongoDB basic from:http://www.tutorialspoint.com/mongodb prject:https://github.com/chenxing12/l4mong ...

  8. (转)Shell全局变量、局部变量与特殊变量笔记总结

    Shell全局变量.局部变量与特殊变量笔记总结 原文:http://blog.csdn.net/apollon_krj/article/details/70148022 变量类型:全局变量(环境变量) ...

  9. sudo apt-get install openssh-server时提示需要安装1:6.6p1-2ubuntu1的解决办法(图文详解)

    最近,在执行 sudo apt-get install openssh-server 提示,如下. 解决办法 先要执行 sudo apt-get install openssh-client=1:6. ...

  10. 【STM32学习笔记】STM32f407 使用4*4矩阵键盘

    作者:李剀 出处:https://www.cnblogs.com/kevin-nancy/ 欢迎转载,但也请保留上面这段声明.谢谢! 写在前面: 这是本人第一次开始写博客,可能写的不是很好,也请大家谅 ...