JavaScript和随机数制作简易的双色球彩票
来源:互联网 发布:linux nmon安装 编辑:程序博客网 时间:2024/06/01 07:47
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>双色球</title>
<link rel="stylesheet" href="css/doubleColorBall.css">
<script type="text/javascript">
//定义一个函数
function getCode(){
//定义一个红色球的数组(1~33)
var reds=[parseInt(Math.random()*33+1)];//第一个红色球的值
while(reds.length<6){//判断后面五个红色球的值
//定义一个r与reds[]的值相比较,若r=reds[],则跳出循环,若不相等,则将r的值赋到reds[]里面
var r = parseInt(Math.random()*33+1);
for(var i=0;i<reds.length;i++){
if(r==reds[i]){
break;
}else if(i==reds.length-1){
reds.push(r);//push() 向数组添加元素
}
}
}
//给红色球排序(升序)
function compare(a,b){return a-b};
reds.sort(compare);
for(var a=0;a<reds.length;a++){
document.getElementById('redball'+a+"").innerHTML=reds[a];
}
//定义一个蓝色球(1~16)
document.getElementById('blueball').innerHTML=parseInt(Math.random()*16+1);
}
</script>
</head>
<body>
<div id="redball0"></div>
<div id="redball1"></div>
<div id="redball2"></div>
<div id="redball3"></div>
<div id="redball4"></div>
<div id="redball5"></div>
<div id="blueball"></div>
<button type="button" onclick="getCode()">点我产生随机的双色球彩票</button>
</body>
</html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>双色球</title>
<link rel="stylesheet" href="css/doubleColorBall.css">
<style>
#redball0,#redball1,#redball2,#redball3,#redball4,#redball5{
text-align: center;
float: left;
margin-left: 2px;
width: 40px;
height: 40px;
border-radius: 50%;
border:2px solid #f00;
line-height:40px;
}
#blueball {
text-align: center;
margin-left: 278px;
width: 40px;
height: 40px;
border-radius: 50%;
border:2px solid #00f;
line-height:40px;
}
button {
margin-left: 70px;
margin-top: 10px;
}
</style>
<script type="text/javascript">
//定义一个函数
function getCode(){
//定义一个红色球的数组(1~33)
var reds=[parseInt(Math.random()*33+1)];//第一个红色球的值
while(reds.length<6){//判断后面五个红色球的值
//定义一个r与reds[]的值相比较,若r=reds[],则跳出循环,若不相等,则将r的值赋到reds[]里面
var r = parseInt(Math.random()*33+1);
for(var i=0;i<reds.length;i++){
if(r==reds[i]){
break;
}else if(i==reds.length-1){
reds.push(r);//push() 向数组添加元素
}
}
}
//给红色球排序(升序)
function compare(a,b){return a-b};
reds.sort(compare);
for(var a=0;a<reds.length;a++){
document.getElementById('redball'+a+"").innerHTML=reds[a];
}
//定义一个蓝色球(1~16)
document.getElementById('blueball').innerHTML=parseInt(Math.random()*16+1);
}
</script>
</head>
<body>
<div id="redball0"></div>
<div id="redball1"></div>
<div id="redball2"></div>
<div id="redball3"></div>
<div id="redball4"></div>
<div id="redball5"></div>
<div id="blueball"></div>
<button type="button" onclick="getCode()">点我产生随机的双色球彩票</button>
</body>
</html>
阅读全文
0 0
- JavaScript和随机数制作简易的双色球彩票
- 我的彩票-制作笔记
- javascript制作简易计算器
- javascript制作简易时钟
- javascript制作简易计算器
- javascript制作简易计算器
- 简易随机数的产生
- Javascript制作简易贪食蛇
- html5+javascript制作简易画板
- JavaScript -- 制作简易瀑布流
- 一款彩票app的制作运营详解
- JavaScript【彩票】
- JavaScript生成指定范围的随机数和随机数序列
- 彩票问题(随机数)
- 彩票不重复随机数
- 简易聊天室的制作
- 制作简易的计算器
- 网易彩票和淘宝彩票的差距在哪里?
- PDF转word神器还支持更多格式,文件小运行又快!!
- RecyclerView 拖动/滑动多选的实现(1)
- 疑问
- 数据库的隔离级别与事务的特性
- JVM内存区域详解(Eden Space、Survivor Space、Old Gen、Code Cache和Perm Gen)
- JavaScript和随机数制作简易的双色球彩票
- MyEclipse使用中常用到的一些快捷键
- java(web)读取resource下的文件
- wanchain区块链连载(一)架构浅析
- XCTestWD 踩坑 source clear
- POJ
- java集合之4种Reference
- 大数据量下高并发同步的讲解(不看,保证你后悔)
- 关于ConcurrentHashMap的优势及使用