當前位置：首頁 > 前端技术 > HTML >内容正文

HTML

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

發布時間：2023/12/10 HTML 46 豆豆

生活随笔收集整理的這篇文章主要介紹了 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> </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設計

完整代碼

<!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> </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前端编程实现福彩投注站彩票投注助手的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。

上一篇：大叔手记（21）：汤姆大叔博客园开博10
下一篇： 2017年html5行业报告,云适配发布