分享一个自制的猜数字小游戏(HTML版)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>圣诞游戏</title>
<script language="javascript">
function jsjs(a){
document.getElementById(a).disabled="disabled";
if(a<90){
var b = Number(a)+10;
document.getElementById(b).removeAttribute('disabled');
}
document.getElementById(31).disabled="disabled";
var i = Number(a)+1;
for(var i ; i< Number(a)+10;i++){
document.getElementById(i).disabled="disabled";
var k = 20+i%10;
document.getElementById(k).value = Number(document.getElementById(k).value) + Number(document.getElementById(i).value);
}
}
function csjb(){
for(var i = 11; i < 20; i++){
document.getElementById(i).disabled="disabled";
}
document.getElementById("csjb").disabled="disabled";
}
function romsz(){
var i = Math.floor(Math.random() * 99) + 1;
var k = document.getElementById(31).value;
if(!isNaN(k)||k==""){
document.getElementById(31).value = i;
}
else{
document.getElementById(31).value="你再也看不见我了"+i;
}
document.getElementById(41).value = 0;
document.getElementById(42).value = 100;
document.getElementById(52).value = 0;
alert("已生成一个0-100之间的随机数");
document.getElementById("qr").removeAttribute('disabled');
}
function jszs(){
alert("游戏正式开始!!!");
document.getElementById(31).value = "你再也看不见我了";
document.getElementById(41).value = 0;
document.getElementById(42).value = 100;
document.getElementById(51).value = "";
document.getElementById("qr").disabled="disabled";
document.getElementById("jszs").disabled="disabled";
}
function qrsz(){
var ii = document.getElementById(31).value;
var i = ii;
var j = document.getElementById(51).value;
var m = document.getElementById(42).value;
var n = document.getElementById(41).value;
var k = document.getElementById(52).value;
var z = 11+k%9;
var x = document.getElementById(z).value;
var jf = 10+z;
z=z+1;
if(z>19)
{
z = z - 9;
}
var y = document.getElementById(z).value;
if(!isNaN(i)){
}
else{
i = ii.substr(8,2);
}
if(j === "" || j ==null){
alert("请输入" +n+ "到" +m+ "之间的数字");
return;
}
if(!isNaN(j)){
}
else{
alert("请输入" +n+ "到" +m+ "之间的数字");
return;
}
if(j<n+1 || j>m-1){
alert("请输入" +n+ "到" +m+ "之间的数字");
return;
}
if(i == j){
alert("恭喜 "+ x +" 踩雷了!积分 - 10 分!本轮游戏结束!");
if(!isNaN(ii)){
}else{
document.getElementById(jf).value = document.getElementById(jf).value -10;
}
document.getElementById("qr").disabled="disabled";
return;
}else{
if(j>i){
alert(x+" 猜的数字大了!!请 " + y + " 猜测");
alert("数字在 " +n+ " 到 " +j+ " 之间!!");
document.getElementById(42).value = Number(j);
}else{
alert(x+" 猜的数字小了!!请 " + y + " 猜测");
alert("数字在 " +j+ " 到 " +m+ " 之间!!");
document.getElementById(41).value = Number(j);
}
}
document.getElementById(52).value = Number(k)+1;
}
</script>
</head>
<body>
<p align="center">圣诞游戏</p>
<table title="圣诞游戏" align="center" width="630" border="2">
<tr>
<td width="180" align="center" valign="middle"><button id="csjb">参赛嘉宾</button></td>
<td width="50" align="center" valign="middle"><input align="center" name="fname" type="text" id="11" value="AAAA" size="3" maxlength="3" width="50" /></td>
<td width="50" align="center" valign="middle"><input align="center" type="text" value="BBBB" id="12" name="fname" size="3" maxlength="3"width="50" /></td>
<td width="50" align="center" valign="middle"><input align="center" type="text" value="CCCC" id="13" name="fname" size="3" maxlength="3"width="50" /></td>
<td width="50" align="center" valign="middle"><input align="center" type="text" value="DDDD" id="14" name="fname" size="3" maxlength="3"width="50" /></td>
<td width="50" align="center" valign="middle"><input align="center" type="text" value="EEEE" id="15" name="fname" size="3" maxlength="3"width="50" /></td>
<td width="50" align="center" valign="middle"><input align="center" type="text" value="FFFF" id="16" name="fname" size="3" maxlength="3"width="50" /></td>
<td width="50" align="center" valign="middle"><input align="center" type="text" value="GGGG" id="17" name="fname" size="3" maxlength="3"width="50" /></td>
<td width="50" align="center" valign="middle"><input align="center" type="text" value="HHHH" id="18" name="fname" size="3" maxlength="3"width="50" /></td>
<td width="50" align="center" valign="middle"><input align="center" type="text" value="IIII" id="19" name="fname" size="3" maxlength="3"width="50" /></td>
</tr>
<tr>
<td width="180" align="center" valign="middle"><button id="csjb" disabled="disabled">游戏积分</button>
<td width="50" align="center" valign="middle"><input align="center" name="fname" type="text" id="21" value="100" size="3" maxlength="4"readonly="readonly" width="50" /></td>
<td width="50" align="center" valign="middle"><input align="center" type="text" value="100" id="22" name="fname" size="3" maxlength="4" readonly="readonly" width="50" /></td>
<td width="50" align="center" valign="middle"><input align="center" type="text" value="100" id="23" name="fname" size="3" maxlength="4" readonly="readonly" width="50" /></td>
<td width="50" align="center" valign="middle"><input align="center" type="text" value="100" id="24" name="fname" size="3" maxlength="4" readonly="readonly" width="50" /></td>
<td width="50" align="center" valign="middle"><input align="center" type="text" value="100" id="25" name="fname" size="3" maxlength="4" readonly="readonly" width="50" /></td>
<td width="50" align="center" valign="middle"><input align="center" type="text" value="100" id="26" name="fname" size="3" maxlength="4" readonly="readonly" width="50" /></td>
<td width="50" align="center" valign="middle"><input align="center" type="text" value="100" id="27" name="fname" size="3" maxlength="4" readonly="readonly" width="50" /></td>
<td width="50" align="center" valign="middle"><input align="center" type="text" value="100" id="28" name="fname" size="3" maxlength="4" readonly="readonly" width="50" /></td>
<td width="50" align="center" valign="middle"><input align="center" type="text" value="100" id="29" name="fname" size="3" maxlength="4" readonly="readonly" width="50" /></td>
</tr>
</table>
<p align="center">第一轮游戏:踩地雷</p>
<p align="center">(随机一个0-100之间的数字,不含0和100。大家照提示依次猜数,猜到数的人为踩地雷者,积分扣10分!)</p>
<p align="center">(为了证明数字的随机性,这里提供一个随机数展示区)</p>
<table width="450" border="2" align="center">
<tr>
<td><button id="sjsz">随机数字</button></td>
<td><input align="center" type="text"id="31" name="fname" size="11" maxlength="11" readonly="readonly"width="200" /></td>
<td><button id="jszs">结束展示</button></td>
</tr>
<tr>
<td><input align="center" type="text"id="41" name="fname" size="8" maxlength="8" readonly="readonly"width="200" /></td>
<td>到</td>
<td><input align="center" type="text"id="42" name="fname" size="8" maxlength="8" readonly="readonly"width="200" /></td>
</tr>
<tr>
<td>请填写你猜测的数字</td>
<td><input align="center" type="text"id="51" name="fname" size="8" maxlength="8" width="200" /></td>
<td><button id="qr" disabled="disabled">确认</button>
<input align="center" type="text"id="52" name="fname" value="0" size="3" maxlength="3" readonly="readonly"width="50" />
</td>
</tr>
</table>
<p align="center">第二轮游戏:谁是间谍</p>
<p align="center">(间谍获胜,间谍+30分!其余人-10分!)</p>
<p align="center">(间谍失败,间谍-10分!其余人存活的+10分!被淘汰的不得分!)</p>
<table align="center" width="630" border="2">
<tr>
<td width="180" align="center" valign="middle"><button id="60">第一轮</button></td>
<td width="50" align="center" valign="middle"><input align="center" name="fname" type="text" id="61" size="3" maxlength="3" width="50" /></td>
<td width="50" align="center" valign="middle"><input align="center" type="text"id="62" name="fname" size="3" maxlength="3"width="50" /></td>
<td width="50" align="center" valign="middle"><input align="center" type="text"id="63" name="fname" size="3" maxlength="3"width="50" /></td>
<td width="50" align="center" valign="middle"><input align="center" type="text"id="64" name="fname" size="3" maxlength="3"width="50" /></td>
<td width="50" align="center" valign="middle"><input align="center" type="text"id="65" name="fname" size="3" maxlength="3"width="50" /></td>
<td width="50" align="center" valign="middle"><input align="center" type="text"id="66" name="fname" size="3" maxlength="3"width="50" /></td>
<td width="50" align="center" valign="middle"><input align="center" type="text"id="67" name="fname" size="3" maxlength="3"width="50" /></td>
<td width="50" align="center" valign="middle"><input align="center" type="text"id="68" name="fname" size="3" maxlength="3"width="50" /></td>
<td width="50" align="center" valign="middle"><input align="center" type="text"id="69" name="fname" size="3" maxlength="3"width="50" /></td>
</tr>
<tr>
<td width="180" align="center" valign="middle"><button id="70" disabled="disabled">第二轮</button></td>
<td width="50" align="center" valign="middle"><input align="center" name="fname" type="text" id="71" size="3" maxlength="3" width="50" /></td>
<td width="50" align="center" valign="middle"><input align="center" type="text"id="72" name="fname" size="3" maxlength="3"width="50" /></td>
<td width="50" align="center" valign="middle"><input align="center" type="text"id="73" name="fname" size="3" maxlength="3"width="50" /></td>
<td width="50" align="center" valign="middle"><input align="center" type="text"id="74" name="fname" size="3" maxlength="3"width="50" /></td>
<td width="50" align="center" valign="middle"><input align="center" type="text"id="75" name="fname" size="3" maxlength="3"width="50" /></td>
<td width="50" align="center" valign="middle"><input align="center" type="text"id="76" name="fname" size="3" maxlength="3"width="50" /></td>
<td width="50" align="center" valign="middle"><input align="center" type="text"id="77" name="fname" size="3" maxlength="3"width="50" /></td>
<td width="50" align="center" valign="middle"><input align="center" type="text"id="78" name="fname" size="3" maxlength="3"width="50" /></td>
<td width="50" align="center" valign="middle"><input align="center" type="text"id="79" name="fname" size="3" maxlength="3"width="50" /></td>
</tr>
<tr>
<td width="180" align="center" valign="middle"><button id="80" disabled="disabled">第三轮</button></td>
<td width="50" align="center" valign="middle"><input align="center" name="fname" type="text" id="81" size="3" maxlength="3" width="50" /></td>
<td width="50" align="center" valign="middle"><input align="center" type="text"id="82" name="fname" size="3" maxlength="3"width="50" /></td>
<td width="50" align="center" valign="middle"><input align="center" type="text"id="83" name="fname" size="3" maxlength="3"width="50" /></td>
<td width="50" align="center" valign="middle"><input align="center" type="text"id="84" name="fname" size="3" maxlength="3"width="50" /></td>
<td width="50" align="center" valign="middle"><input align="center" type="text"id="85" name="fname" size="3" maxlength="3"width="50" /></td>
<td width="50" align="center" valign="middle"><input align="center" type="text"id="86" name="fname" size="3" maxlength="3"width="50" /></td>
<td width="50" align="center" valign="middle"><input align="center" type="text"id="87" name="fname" size="3" maxlength="3"width="50" /></td>
<td width="50" align="center" valign="middle"><input align="center" type="text"id="88" name="fname" size="3" maxlength="3"width="50" /></td>
<td width="50" align="center" valign="middle"><input align="center" type="text"id="89" name="fname" size="3" maxlength="3"width="50" /></td>
</tr>
<tr>
<td width="180" align="center" valign="middle"><button id="90" disabled="disabled">第四轮</button></td>
<td width="50" align="center" valign="middle"><input align="center" name="fname" type="text" id="91" size="3" maxlength="3" width="50" /></td>
<td width="50" align="center" valign="middle"><input align="center" type="text"id="92" name="fname" size="3" maxlength="3"width="50" /></td>
<td width="50" align="center" valign="middle"><input align="center" type="text"id="93" name="fname" size="3" maxlength="3"width="50" /></td>
<td width="50" align="center" valign="middle"><input align="center" type="text"id="94" name="fname" size="3" maxlength="3"width="50" /></td>
<td width="50" align="center" valign="middle"><input align="center" type="text"id="95" name="fname" size="3" maxlength="3"width="50" /></td>
<td width="50" align="center" valign="middle"><input align="center" type="text"id="96" name="fname" size="3" maxlength="3"width="50" /></td>
<td width="50" align="center" valign="middle"><input align="center" type="text"id="97" name="fname" size="3" maxlength="3"width="50" /></td>
<td width="50" align="center" valign="middle"><input align="center" type="text"id="98" name="fname" size="3" maxlength="3"width="50" /></td>
<td width="50" align="center" valign="middle"><input align="center" type="text"id="99" name="fname" size="3" maxlength="3"width="50" /></td>
</tr>
</table>
<p align="center"> </p>
</body>
</html>
回复给你鼓励下!! 支持下学习学习 谢谢分享,辛苦了! 学学经验感谢感谢分享 52HB这地方不错,是个好地方! 感谢楼主 谢谢分享 学习永不间断! 不知道来晚了没有