随机抽取双色球号码

双色球规则：

双色球 投注区分为红色球号码区和蓝色球号码区，每注投注号码由6个红色球号码和1个蓝色球号码组成，红色球号码从1到33中选择，蓝色球号码从1到16中选择。
使用html+css+js实现随机抽取双色球一组号码

HTML代码:

<body><input type="button" id="btn" value="选号" /><div class="wp" id="wp"></div></body>

CSS代码:

<style type="text/css">*{margin: 0;padding: 0;}.wp{     text-align: center; }/* 设置双色球的基本样式 */.wp span{display: inline-block;height: 50px;width: 50px;border-radius: 50%;border: 2px #F00 solid;margin: 25px 5px 0 5px;font-size: 20px;text-align: center;line-height: 50px;color: #333;}/* 第七个球的样式 */.wp span:nth-of-type(7n){border: 2px #0ff solid;}/* 设置按钮的基本样式 */#btn {              display: block;height: 50px;width: 100px;background: #FF0000;color: #fff;border-radius: 5px;border: 1px #333 solid;font-size: 20px;cursor: pointer;margin: 50px auto 0;}</style>

js代码：

<script type="text/javascript">var btn = document.getElementById("btn");   //获取button按钮属性var wp = document.getElementById("wp");      //获取wp属性btn.onclick = function(){                 //btn 点击执行内容var arr = [];                 //声明一个空数组for (var i=0;i<6;i++) {             //for 循环var a = Math.floor((Math.random()*33)+1);    //声明一个变量把1-33的随机数放进变量里面if (arr.indexOf(a)==-1){       //判断是否有重复的数字，如果有就放弃那个数字，重新随机获取一个随机数字，直到6个随机数没有重复值位置arr.push(a);}else {i -= 1;}}for(var n=0;n<arr.length;n++){            //把获取的6个随机数数组arr的值，分别写入wp内wp.innerHTML += '<span>'+arr[n]+'</span>';}wp.innerHTML += '<span>'+Math.floor((Math.random()*16)+1)+'</span>';  //获取第七个蓝色球，1-16随机数       wp.innerHTML += '<br />';console.log(arr);};
</script>

运行结果：每点击一次，就会随机获取一注双色球号码

简单使用html+css+js随机获取一注双色球号码相关推荐

Python随机生成一注双色球彩票
Python双色球是一种比较常见的彩票玩法, 每一注彩票由6个介于1到33之间的不重复数字和1个介于1到16之间的数字组成.请编写函数随机生成一注双色球彩票,并打印出来,结果是完全随机的. impor ...
仿制CSDN首页（html+css+js）+ 个性化登录注册页
前言:为了强化基本功,不使用任何框架和样式预处理器制作一个包含csdn官网全部动画的小项目,但是为了避免过于死板,自己制作了一个 logo 和一个很有个性的登录页面(包含有趣的小熊图案和动画). 技术 ...
模拟双色球彩票开奖结果：随机生成一注双色球彩票，判断其是否中奖，奖金为多少。
一注双色球彩票由6个不重复的红球(序号:1~32)和1个篮球(序号:1~16)构成. 双色球中奖规则如下: 先进行摇号然后产生一个中奖号码然后判断是否中奖摇号没有顺序之分加入中奖号码为 123 ...
有趣的HTML实例（八）一个很有趣的动态背景（css+js）
小时候,谁都觉得自己的未来闪闪发光,不是吗?但是一旦长大,没有一件事会遂自己心愿. --<被嫌弃的松子的一生> 目录一.前言二.往期作品回顾三.作品介绍四.本期代码介绍五.效果显 ...
有趣的HTML实例（七）注册登录界面Ⅱ（css+js）
你知道,有些鸟儿是注定不会被关在牢笼里的,它们的每一片羽毛都闪耀着自由的光辉. --<肖申克的救赎> 目录一.前言二.往期作品回顾三.作品介绍四.本期代码介绍五.效果显示六.编 ...
有趣的HTML实例（十五）注册登录界面（css+js）
我并不是每次吃完饭就看电视,有时我边吃边看电视,生活中有些改变会增加乐趣. --<加菲猫> 目录一.前言二.往期作品回顾三.作品介绍四.本期代码介绍五.效果显示六.编码实现 i ...
有趣的HTML实例（十四）窗边风景动画（css+js）
不要憎恨你的敌人,那会影响你的判断力. --<教父> 目录一.前言二.往期作品回顾三.作品介绍四.本期代码介绍五.效果显示六.编码实现 index.html style.css ...
江苏福彩投注站彩票投注助手（html+css+js）
web前端页面--设计江苏福彩投注站彩票投注助手(Html+CSS+JS) 设计要求如下: 福利彩票号码由7个号码,外加一个特别号,共8个号码(不能重号)组成,号码范围为01-30的任意一个整数.如果 ...
随机生成双色球号码判断中奖模拟开奖python代码
# @Author: Gerry Zhao # @Date: 2019-01-23 18:56:47 # Last Modified by: Gerry Zhao # Last Modified ti ...

简单使用html+css+js随机获取一注双色球号码

随机抽取双色球号码

双色球规则：

简单使用html+css+js随机获取一注双色球号码相关推荐

最新文章

热门文章