付费优质VIP教程免费VIP课程168GB教程官方系列教程助困境学子有学上RMB求助区学破解账号登录官方QQ群：12111061BiliBili官方账号
吾爱破解Shark恒账号问题注册问题切换到窄版

吾爱汇编

 找回密码
 立即注册

QQ登录

绑定QQ避免忘记帐号

吾爱汇编»网站 › 技术区 › 『=编程&源码=』 › 分享一个自制的猜数字小游戏（HTML版）
12345678下一页
返回列表 发新帖
查看: 3249|回复: 72

[其他] 分享一个自制的猜数字小游戏（HTML版）

  [复制链接]
ghostinter1908 发表于 2021-11-29 15:01 | 显示全部楼层 |阅读模式

<!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">&nbsp;</p>
</body>
</html>


SE

评分

参与人数 38HB +54 THX +13 收起 理由
消逝的过去 + 2
zxjzzh + 1 [吾爱汇编论坛52HB.COM]-学破解防破解，知进攻懂防守！
后学真 + 1 [吾爱汇编论坛52HB.COM]-吃水不忘打井人，给个评分懂感恩！
agan8888 + 1
PDWORD + 1
小声点我布隆 + 1
2323816 + 1
brswbx201610 + 1 [吾爱汇编论坛52HB.COM]-软件反汇编逆向分析，软件安全必不可少！
pmm018 + 1
jyltzj + 1 [吾爱汇编论坛52HB.COM]-吃井不忘打水人，给个评分懂感恩！
mic9 + 1
pupu + 1
dreamboy02 + 1 [快捷评语]--评分=感恩！简单却充满爱！感谢您的作品！
king51999 + 1 [快捷评语]--积极评分，从我做起。感谢分享！
foreversos + 1
AK520 + 1 [通知]学破解论坛即将在近期更名为吾爱汇编论坛WWW.52HB.COM
Camille + 5 + 1 --------
531814517 + 1 [通知]学破解论坛即将在近期更名为吾爱汇编论坛WWW.52HB.COM
gccc + 1 [快捷评语]--吃水不忘打井人，给个评分懂感恩！
zer0 + 1
xiaoyixuan + 1 + 1 [快捷评语]--吃水不忘打井人，给个评分懂感恩！
jhf123 + 1 [快捷评语]--你将受到所有人的崇拜！
mxx852 + 1 + 1 [快捷评语]--2021年，我们爱0爱1
a13767424691 + 1 [快捷评语]--2021年，我们爱0爱1
81NewArk + 4 + 1 [快捷评语]--2021年，我们爱0爱1
Damnie + 1 [快捷评语]--积极评分，从我做起。感谢分享！
playboy + 1
蓝色青菜 + 1 [快捷评语]--吃水不忘打井人，给个评分懂感恩！
cunzhang2016 + 1 + 1 [快捷评语]--你将受到所有人的崇拜！
flyinsky + 1 [快捷评语]--你将受到所有人的崇拜！
596592008 + 1 [快捷评语]--2021年，我们爱0爱1
le0ric + 1 [快捷评语]--吃水不忘打井人，给个评分懂感恩！
muker + 2
莣孒嬡沵芣蓜 + 2 [快捷评语]--2021年，我们爱0爱1
Hook1 + 1 + 1 [快捷评语]--你将受到所有人的崇拜！
ST手怎么白了 + 2 + 1 [快捷评语]--2021年，我们爱0爱1
Shark_鹏 + 10 + 1 [快捷评语]--2021年，我们爱0爱1
liugu0hai + 1 + 1 版主有心了，辛苦了

查看全部评分

吾爱汇编论坛-学破解，防破解！知进攻，懂防守！逆向分析，软件安全！52HB.COM
Shark恒软件逆向VIP教程，开办教学9年，尽职尽责，有问必答，不跑路！学逆向就找Shark恒，节省学习时间，不走弯路！【点击进入】
playboy 发表于 2021-12-1 15:57 | 显示全部楼层
快速获取HB的方法：先接任务，然后评分、发帖、回帖等即可快速获得大量HB奖励！

回复给你鼓励下！！
吾爱汇编论坛-学破解，防破解！知进攻，懂防守！逆向分析，软件安全！52HB.COM
ghni21 发表于 2021-12-24 16:29 | 显示全部楼层

支持下学习学习
吾爱汇编论坛-学破解，防破解！知进攻，懂防守！逆向分析，软件安全！52HB.COM
brswbx201610 发表于 2022-1-14 09:50 | 显示全部楼层
快速获取HB的方法：先接任务，然后评分、发帖、回帖等即可快速获得大量HB奖励！

谢谢分享，辛苦了！
吾爱汇编论坛-学破解，防破解！知进攻，懂防守！逆向分析，软件安全！52HB.COM
2323816 发表于 2022-1-15 15:20 | 显示全部楼层

学学经验感谢感谢分享
吾爱汇编论坛-学破解，防破解！知进攻，懂防守！逆向分析，软件安全！52HB.COM
Shark恒软件逆向VIP教程，开办教学9年，尽职尽责，有问必答，不跑路！学逆向就找Shark恒，节省学习时间，不走弯路！【点击进入】
hekang 发表于 2022-1-22 09:43 | 显示全部楼层
快速获取HB的方法：先接任务，然后评分、发帖、回帖等即可快速获得大量HB奖励！

52HB这地方不错，是个好地方！
吾爱汇编论坛-学破解，防破解！知进攻，懂防守！逆向分析，软件安全！52HB.COM
缓慢的芒果 发表于 2022-1-22 19:57 | 显示全部楼层

感谢楼主
吾爱汇编论坛-学破解，防破解！知进攻，懂防守！逆向分析，软件安全！52HB.COM
文静保卫手链 发表于 2022-1-22 22:35 | 显示全部楼层

谢谢分享
吾爱汇编论坛-学破解，防破解！知进攻，懂防守！逆向分析，软件安全！52HB.COM
甜美蜡烛 发表于 2022-1-22 22:41 | 显示全部楼层

学习永不间断！
吾爱汇编论坛-学破解，防破解！知进攻，懂防守！逆向分析，软件安全！52HB.COM
长颈鹿574 发表于 2022-1-23 13:38 | 显示全部楼层

不知道来晚了没有
吾爱汇编论坛-学破解，防破解！知进攻，懂防守！逆向分析，软件安全！52HB.COM
Shark恒软件逆向VIP教程，开办教学9年，尽职尽责，有问必答，不跑路！学逆向就找Shark恒，节省学习时间，不走弯路！【点击进入】
12345678下一页
返回列表 发新帖
高级模式
B Color Image Link Quote Code Smilies @朋友
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

警告：本站严惩灌水回复，尊重自己从尊重他人开始！
1层
2层
3层
4层
5层
6层
7层
8层
9层
10层

免责声明

吾爱汇编（www.52hb.com）所讨论的技术及相关工具仅限用于研究学习，皆在提高软件产品的安全性，严禁用于不良动机。任何个人、团体、组织不得将其用于非法目的，否则，一切后果自行承担。吾爱汇编不承担任何因为技术滥用所产生的连带责任。吾爱汇编内容源于网络，版权争议与本站无关。您必须在下载后的24个小时之内，从您的电脑中彻底删除。如有侵权请邮件或微信与我们联系处理。

站长邮箱：SharkHeng@sina.com
站长QQ：1140549900

QQ|RSS|手机版|小黑屋|帮助|吾爱汇编 ( 京公网安备11011502005403号 , 京ICP备20003498号-6 )|网站地图

Powered by Discuz!

吾爱汇编 www.52hb.com

快速回复 返回顶部 返回列表