JavaScript的一个随即例子-优快云博客

这是一个关于36选6彩票投注系统的页面，提供手动选号和机选功能。用户可以选择六个号码进行投注，系统还支持随机选取号码。页面包含了一个表格展示了从1到36的所有号码，并提供了确认选号、随机选号等功能。
摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>36选6</title>
</head>
<body>
<style type="text/css">
<!--
.area { background-color:#B9ECDB; border-left:1px #BAD3DA solid; border-right:1px #BAD3DA solid; padding:5px 7px 5px 27px; }
.board { background-color:#FFFFFF; border:1px #CDDABA solid; padding:10px; }
.IndexIMG { background-color:#FFFFFF; border:1px #CDDABA solid; padding:5px; width:50px; }
.content { color:#996600; }
.content a:link { color:#996600; }
.content a:hover { color:#FF0000; }
.content a:visited { color:#996600; }
.content a:active { color:#FF0000; }
.qz {
	height: 26px;
	width: 24px;
	font-size: 14px;
	background-image: url(http://taobao.wozhongle.com/lottery/home/images/buy/q_red.gif);
	padding-top: 3px;
	color:#FFFFFF;
}
.qz4 {
	height: 26px;
	width: 24px;
	font-size: 14px;
	background-image: url(http://taobao.wozhongle.com/lottery/home/images/buy/q_co.gif);
	padding-top: 3px;
	color:#FFFFFF;
}
button.confirm{color:#FFFFFF; font-size:14px; font-weight:bold; padding-right:15px;line-height:normal; height:31px; width:119px; background:url(http://taobao.wozhongle.com/lottery/home/images/querenxuanhao.gif) no-repeat; border:none; margin:0 10px;}
-->
</style>
<script type="text/javascript">
//定义已选数
var u = 0;
var array1 = new Array();
function show(num){  //选号循环显示a
	var sdNumstr = '3dNum' + num;
	if(document.getElementById(sdNumstr).className == "qz4"){
		//将选好的一组号码保存到数组
		array1[u] = num;
		u++;
		if (u>6){
		alert('已经选好6个了，请先确认这注后再选号！');
		u--;
		return false;
		}
		document.getElementById(sdNumstr).className = "qz";
	}else if(document.getElementById(sdNumstr).className == "qz"){
		document.getElementById(sdNumstr).className = "qz4";
		u--;
	}
	
}
function queren() {
var optionText = array1 + " [自选]";
	
	if (u != 6) {
		alert("请先选择6个幸运号码！");
		return false;
	}
	
	//把号的状态改为未选中
	for (i = 1; i < 36; i++) {
		document.getElementById("3dNum"+i).className = "qz4";
	}
	
	//更改投注数，提交后加1
	document.getElementById('tid2').innerHTML = parseInt(document.getElementById('tid2').innerHTML) + parseInt(1);
	
	//更新已选数为0
	u = 0;
	optionValue = array1;					
	newOption(optionValue,optionText);
	//alert("选号成功，你可以继续选下一组号投注");
}
//把选取的号码添加到已选值
function newOption(optionValue,optionText){
  selectedNum = parent.document.getElementById('schemeNum1').options.length-1;
  selectedNum++;
  parent.document.getElementById('schemeNum1').options[selectedNum]=document.createElement("option");
  parent.document.getElementById('schemeNum1').options[selectedNum].text= optionText;
  parent.document.getElementById('schemeNum1').options[selectedNum].value= optionValue;
}
//自动选取6个不同的随机号码
function numbers() { 
var nummenu = 7; 
var numbercount = 7*1;
var maxnumbers = 36*1; 
if (numbercount > maxnumbers) { 
alert("产生数字个数不能大于产生数字范围!"); 
} 
else { 
var ok = 1; 
r = new Array (numbercount); 
for (var i = 1; i <= numbercount; i++) { 
r[i] = Math.round(Math.random() * (maxnumbers-1))+1; 
} 
for (var i = numbercount; i >= 1; i--) { 
for (var j = numbercount; j >= 1; j--) { 
if ((i != j) && (r[i] == r[j])) ok = 0;  
   }    
} 
if (ok) { 
var output = "";
for (var k = 1; k <= numbercount; k++) { 
output += r[k] + ","; 
}
newOption(output,output+ " [机选]");
document.getElementById('tid2').innerHTML = parseInt(document.getElementById('tid2').innerHTML) + parseInt(1);
//alert("选号成功，你可以继续选下一组号投注");
}      
else numbers(); 
   } 
} 
function GoCash() {
alert (document.form1.ball.value);
}
</script>
<table width="50%" border="0" cellspacing="5" cellpadding="0" >
			
			<tr>
			
			  <td width="33" align="center"><div class="qz4" id="3dNum1" onclick="show('1')">1</div></td>
			
			  <td width="33" align="center"><div class="qz4" id="3dNum2" onclick="show('2')">2</div></td>
			
			  <td width="33" align="center"><div class="qz4" id="3dNum3" onclick="show('3')">3</div></td>
			
			  <td width="33" align="center"><div class="qz4" id="3dNum4" onclick="show('4')">4</div></td>
			
			  <td width="33" align="center"><div class="qz4" id="3dNum5" onclick="show('5')">5</div></td>
			
			  <td width="33" align="center"><div class="qz4" id="3dNum6" onclick="show('6')">6</div></td>
			
			  <td width="33" align="center"><div class="qz4" id="3dNum7" onclick="show('7')">7</div></td>
			
			  <td width="33" align="center"><div class="qz4" id="3dNum8" onclick="show('8')">8</div></td>
			
			  <td width="33" align="center"><div class="qz4" id="3dNum9" onclick="show('9')">9</div></td>
			
			  <td width="33" align="center"><div class="qz4" id="3dNum10" onclick="show('10')">10</div></td>
			
			  <td width="33" align="center"><div class="qz4" id="3dNum11" onclick="show('11')">11</div></td>
			
			  <td width="33" align="center"><div class="qz4" id="3dNum12" onclick="show('12')">12</div></td>
			
			</tr>
			
			<tr>
			
			  <td width="33" align="center"><div class="qz4" id="3dNum13" onclick="show('13')">13</div></td>
			
			  <td width="33" align="center"><div class="qz4" id="3dNum14" onclick="show('14')">14</div></td>
			
			  <td width="33" align="center"><div class="qz4" id="3dNum15" onclick="show('15')">15</div></td>
			
			  <td width="33" align="center"><div class="qz4" id="3dNum16" onclick="show('16')">16</div></td>
			
			  <td width="33" align="center"><div class="qz4" id="3dNum17" onclick="show('17')">17</div></td>
			
			  <td width="33" align="center"><div class="qz4" id="3dNum18" onclick="show('18')">18</div></td>
			
			  <td width="33" align="center"><div class="qz4" id="3dNum19" onclick="show('19')">19</div></td>
			
			  <td width="33" align="center"><div class="qz4" id="3dNum20" onclick="show('20')">20</div></td>
			
			  <td width="33" align="center"><div class="qz4" id="3dNum21" onclick="show('21')">21</div></td>
			
			  <td width="33" align="center"><div class="qz4" id="3dNum22" onclick="show('22')">22</div></td>
			
			  <td width="33" align="center"><div class="qz4" id="3dNum23" onclick="show('23')">23</div></td>
			
			  <td width="33" align="center"><div class="qz4" id="3dNum24" onclick="show('24')">24</div></td>
			
			</tr>
			
			<tr>
			
			  <td width="33" align="center"><div class="qz4" id="3dNum25" onclick="show('25')">25</div></td>
			
			  <td width="33" align="center"><div class="qz4" id="3dNum26" onclick="show('26')">26</div></td>
			
			  <td width="33" align="center"><div class="qz4" id="3dNum27" onclick="show('27')">27</div></td>
			
			  <td width="33" align="center"><div class="qz4" id="3dNum28" onclick="show('28')">28</div></td>
			
			  <td width="33" align="center"><div class="qz4" id="3dNum29" onclick="show('29')">29</div></td>
			
			  <td width="33" align="center"><div class="qz4" id="3dNum30" onclick="show('30')">30</div></td>
			
			  <td width="33" align="center"><div class="qz4" id="3dNum31" onclick="show('31')">31</div></td>
			
			  <td width="33" align="center"><div class="qz4" id="3dNum32" onclick="show('32')">32</div></td>
			
			  <td width="33" align="center"><div class="qz4" id="3dNum33" onclick="show('33')">33</div></td>
			
			  <td width="33" align="center"><div class="qz4" id="3dNum34" onclick="show('34')">34</div></td>
			
			  <td width="33" align="center"><div class="qz4" id="3dNum35" onclick="show('35')">35</div></td>
			
			  <td width="33" align="center"><div class="qz4" id="3dNum36" onclick="show('36')">36</div></td>
			
			</tr>
			
</table>
		<button onclick="javascript:return queren();" class="confirm">确认选号</button>
		<p>已选注数:<span class="re b" id="tid2">0</span> 注</p>
		<p>
		  <form name="form1">
		  <select name="ball" size="10" multiple="multiple" id="schemeNum1" class="buybian" style="width:200px;">
		    <option value="1">将选定的注提交到这里</option>
		  </select>
		  <br>
		  <input type="button" name="Submit2" value="删除">
		  <input type="button" name="Submit" value="随机选一注" onClick="numbers()">
		  <input type="button" name="Submit3" value="清空">
		  <input type="button" name="Submit3" value="提交" onClick="GoCash()">
		  </form>
		</p>
</body>
</html>