web前端编程实现福彩投注站彩票投注助手

福彩号码生成规则如下：

1."双色球"彩票投注区分为红色球号码区和蓝色球号码区
2."双色球"每注投注号码由6个红色球号码和1个蓝色球号码组成。
3.红色球号码从1–33中选择;蓝色球号码从1–16中选择。

功能设计

1.表单实现

<form method="post" action=""><table align="center"><caption><h2>福彩投注站投注彩票助手 </h2></caption><tr><td><input type="button" value="机选1注" onclick="selectNumber(1);"></td><td rowspan="3"><select name="number8" id="number8" size="5">    </select></td><td><input type="button" value="删除" onclick="delSelect();"></td></tr><tr><td><input type="button" value="机选5注" onclick="selectNumber(5);"></td><td>&nbsp;</td></tr><tr><td><input type="button" value="机选10注" onclick="selectNumber(10);"></td><td><input type="button" value="全部删除" onclick="delSelectAll();"></td></tr></table></form>

2.JavaScript设计

<script type="text/javascript">function $(id){return document.getElementById(id);}function selectNumber(n){//彩票选号助手var number=new Array();var objsel=$("number8");var selnum=objsel.options.length;//保存选项添加前总数for (j=0;j<=n-1;j++){var list="";for (i=0;i<=7 ;i++ )    //产生1注号码{          var tmp=Math.floor(Math.random()*30+1); if (tmp<10) {tmp="0"+tmp; }for (var k=0;k<=number.length-1 ;k++ ){if (tmp==number[k]){ //重号处理tmp=Math.floor(Math.random()*30+1); if (tmp<10) {tmp="0"+tmp; }k=0;}           }number[i]=tmp;}list=number.join("  ");  //1 注彩票号码//写入到列表框中var opt=document.createElement("option");//产生选项节点var opt_text=document.createTextNode(list);//产生文本节点opt.value=j;   //记下添加列表项的个数opt.appendChild(opt_text);//将文本添加给选项objsel.appendChild(opt);//将选项添加给列表框}//始终将新添加的第一个列表项作为预选项objsel.selectedIndex=selnum;}function  delSelect()   { var objSelect=$( "number8"); var strIndex=objSelect.selectedIndex; if (strIndex!=-1){objSelect.options.remove(strIndex);} else{alert("请先选择列表项后再删除！");}}function  delSelectAll()   { var objSelect=$("number8"); var strIndex=objSelect.options.length; if (strIndex>0){for (i=0;i<=strIndex-1;i++ ){objSelect.options.remove(0);}} else{alert("请先选择列表项后再删除！");}}</script>

完整代码

<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title> 福彩投注站投注彩票助手 </title><style type="text/css">div{width:550px;height:320px; margin:0 auto;border:2px solid #0077BB;color:#000000;}h2{font-size:28px;text-align:center;padding:10px auto;}select{width:300px;height:145px;}input{width:80px;height:40px;}</style><script type="text/javascript">function $(id){return document.getElementById(id);}function selectNumber(n){//彩票选号助手var number=new Array();var objsel=$("number8");var selnum=objsel.options.length;//保存选项添加前总数for (j=0;j<=n-1;j++){var list="";for (i=0;i<=7 ;i++ )    //产生1注号码{          var tmp=Math.floor(Math.random()*30+1); if (tmp<10) {tmp="0"+tmp; }for (var k=0;k<=number.length-1 ;k++ ){if (tmp==number[k]){ //重号处理tmp=Math.floor(Math.random()*30+1); if (tmp<10) {tmp="0"+tmp; }k=0;}           }number[i]=tmp;}list=number.join("  ");  //1 注彩票号码//写入到列表框中var opt=document.createElement("option");//产生选项节点var opt_text=document.createTextNode(list);//产生文本节点opt.value=j;   //记下添加列表项的个数opt.appendChild(opt_text);//将文本添加给选项objsel.appendChild(opt);//将选项添加给列表框}//始终将新添加的第一个列表项作为预选项objsel.selectedIndex=selnum;}function  delSelect()   { var objSelect=$( "number8"); var strIndex=objSelect.selectedIndex; if (strIndex!=-1){objSelect.options.remove(strIndex);} else{alert("请先选择列表项后再删除！");}}function  delSelectAll()   { var objSelect=$("number8"); var strIndex=objSelect.options.length; if (strIndex>0){for (i=0;i<=strIndex-1;i++ ){objSelect.options.remove(0);}} else{alert("请先选择列表项后再删除！");}}</script></head><body><div id="" class=""><img src="img/福彩.jpg" width="76" height="72" border="0" alt=""><form method="post" action=""><table align="center"><caption><h2>福彩投注站投注彩票助手 </h2></caption><tr><td><input type="button" value="机选1注" onclick="selectNumber(1);"></td><td rowspan="3"><select name="number8" id="number8" size="5">   </select></td><td><input type="button" value="删除" onclick="delSelect();"></td></tr><tr><td><input type="button" value="机选5注" onclick="selectNumber(5);"></td><td>&nbsp;</td></tr><tr><td><input type="button" value="机选10注" onclick="selectNumber(10);"></td><td><input type="button" value="全部删除" onclick="delSelectAll();"></td></tr></table></form>       </div></body>
</html>

实现效果

web前端编程实现福彩投注站彩票投注助手相关推荐

江苏福彩投注站彩票投注助手（html+css+js）
web前端页面--设计江苏福彩投注站彩票投注助手(Html+CSS+JS) 设计要求如下: 福利彩票号码由7个号码,外加一个特别号,共8个号码(不能重号)组成,号码范围为01-30的任意一个整数.如果 ...
三十五岁后，如何自学WEB前端编程
WEB前端编程基础语言包括HTML,CSS,Javascript等. 就好比一个房子,HTML就是框架.房梁.结构.CSS就好比里面的装修样式,颜色等.而Javascript就好比里面的灯开关,水龙头 ...
2021-05-08 Web前端编程实验（八）
Web前端编程实验(八) 前言本次实验所用编程语言为HTML,所用编辑文本工具为Notepad. 注意事项 (1)前端编程注意HTML语言的灵活运用. (2)所要使用图片自己上网寻找即可. (3)由 ...
web前端编程实战实例：制作静态京东首页
<!DOCTYPE html> <html> <head><title>京东_曾柯伟</title><link rel="s ...
Web前端开发技术实验与实践（第3版）储久良编著实训12
项目34 设计简易福彩投注程序代码如下:  <!DOCTYPE html> <html lang="en"& ...
【转】web 前端研发工程师编程能力飞升之路
[前言] 所谓的天才,只不过是比平常人更快的掌握技能.完成工作罢了:只要你找到了正确的方向,并辅以足够的时间,你一样能够踏上成功彼岸. 本文将 web 前端研发编程能力划分了 8 个等级,每个等级都列 ...
web前端研发工程师编程能力成长之路
2019独角兽企业重金招聘Python工程师标准>>> [背景] 如果你是刚进入WEB前端研发领域,想试试这潭水有多深,看这篇文章吧: 如果你是做了两三年WEB产品前端研发,迷茫找不 ...
Web前端研发工程师编程能力飞升之路
今天看到这篇文章.写的非常有意思,于是转载了.看看我们都处于什么的阶段. [背景] 如果你是刚进入web前端研发领域,想试试这潭水有多深,看这篇文章吧: 如果你是做了两三年web产品前端研发,迷茫找不 ...
[转] Web前端研发工程师编程能力飞升之路
[转] Web前端研发工程师编程能力飞升之路分类: Javascript | 转载请注明: 出自海玉的博客今天看到这篇文章.写的非常有意思.发现自己还有很长的一段路要走. [背景] 如果你是刚进 ...
【转】Web前端研发工程师编程能力飞升之路
[前言] 所谓的天才,只不过是比平常人更快的掌握技能.完成工作罢了:只要你找到了正确的方向,并辅以足够的时间,你一样能够踏上成功彼岸. 本文将 web 前端研发编程能力划分了 8 个等级,每个等级都列 ...

web前端编程实现福彩投注站彩票投注助手

web前端编程实现福彩投注站彩票投注助手相关推荐

最新文章

热门文章