JS实现“双色球”
需求:
双色球玩法简单介绍:
“双色球”彩票投注区分为红色球号码区和蓝色球号码区。每注投注号码由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实现“双色球”的更多相关文章
- 原生js模拟双色球
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title> ...
- 一款强大的双色球走势图,助你500W梦想,js+mvc+html
序言 估计每个人都有中500W的梦想,我关注双色球也有一定年数了,可最多中也只有10块钱,这已经算是最大的奖,最近闲来无事,研究下怎么去开发双色球的走势图,觉得还是蛮有意思的,用MVC+JS+HTMl ...
- 双色球js
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...
- js小效果-双色球
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8" ...
- 原生js代码挑战之动态添加双色球
var ballArr = []; //存放已有的红球,用来排除重复和排序window.onload = function(){ var btn = document.createElement(&q ...
- js 简版双色球 取号
<style type="text/css"> span{ display: block; float: left; width: 50px; height: 50px ...
- 用JavaScript中lodash编写双色球
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...
- 前端学习(十四)js回顾和定时器(笔记)
回顾知识点: 作用域: 1.全局变量:在任何位置都可以使用的变量 2.局部变量:只能在函数内部使用的变量 3.闭包:子函数可以使用父函数的局部变量 -- ...
- 初识python 之 爬虫:爬取双色球中奖号码信息
人生还是要有梦想的,毕竟还有python.比如,通过python来搞一搞彩票(双色球).注:此文仅用于python学习,结果仅作参考.用到知识点:1.爬取网页基础数据2.将数据写入excel文件3.将 ...
随机推荐
- Feel Good(两遍单调栈维护区间+前缀和)
Bill is developing a new mathematical theory for human emotions. His recent investigations are dedic ...
- Selenium WebDriver 中鼠标和键盘事件分析及扩展
[From] http://www.51testing.com/html/18/631118-861557.html 在使用 Selenium WebDriver 做自动化测试的时候,会经常模拟鼠标和 ...
- 子查询及pymysql
子查询 子查询指的是当一个查询语句被作为另一个查询语句的条件时,该查询语句就称之为子查询(内层查询) 可以将一个大问题 拆分几个小的问题 然后一步一步来查询 需求:财务不有哪些人 ),sex ),jo ...
- Linux mysql中文乱码问题
1.debian系统 (1)mysql 5.5版本之前 vim /etc/mysql/my.cnf 在 [client] 下面加入 default-character-set=utf8 在 [m ...
- laravel的一些查询语句
刚开始使用这个框架还是有一些不一样的地方 比如我之前想把那个sql语句写到查询里面.文档里面的写法是 然后再百度上面找到的写法是可以写到select里面 $sql="SELECT a.uid ...
- JMS介绍
JMS简单描述: JMS即Java消息服务(Java Message Service),是一个Java平台中面向消息中间件的API,用于在两个应用程序之间或分布式系统中发送.接受消息,从而进行异步通信 ...
- DB Intro - MongoDB Basic
mongoDB basic from:http://www.tutorialspoint.com/mongodb prject:https://github.com/chenxing12/l4mong ...
- (转)Shell全局变量、局部变量与特殊变量笔记总结
Shell全局变量.局部变量与特殊变量笔记总结 原文:http://blog.csdn.net/apollon_krj/article/details/70148022 变量类型:全局变量(环境变量) ...
- sudo apt-get install openssh-server时提示需要安装1:6.6p1-2ubuntu1的解决办法(图文详解)
最近,在执行 sudo apt-get install openssh-server 提示,如下. 解决办法 先要执行 sudo apt-get install openssh-client=1:6. ...
- 【STM32学习笔记】STM32f407 使用4*4矩阵键盘
作者:李剀 出处:https://www.cnblogs.com/kevin-nancy/ 欢迎转载,但也请保留上面这段声明.谢谢! 写在前面: 这是本人第一次开始写博客,可能写的不是很好,也请大家谅 ...