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前端编程实现福彩投注站彩票投注助手_第1张图片

你可能感兴趣的:(web前端编程实现福彩投注站彩票投注助手)