盘基地资源论坛

 找回密码
 立即注册
搜索
热搜: 书籍 电影 音乐
查看: 123|回复: 0

这是一个简单的网页小游戏代码,名为“猜数字”:

[复制链接]

959

主题

152

回帖

4221

积分

中级会员

Rank: 3Rank: 3

UID
32013
金钱
3095
钻石
7
积分
4221
注册时间
2023-7-27
发表于 2023-9-8 11:03:21 | 显示全部楼层 |阅读模式
  1. 这是一个简单的网页小游戏代码,名为“猜数字”:

  2. ```
  3. <!DOCTYPE html>
  4. <html>
  5. <head>
  6.   <title>猜数字</title>
  7. </head>
  8. <body>
  9.   <h1>猜数字</h1>
  10.   <input type="text" id="guess">
  11.   <button id="guess_button">猜</button>
  12.   <p id="feedback">猜对了!</p>
  13.   <p id="wrong_feedback">猜错了,再试试吧。</p>
  14.   <script>
  15.     let guess_button = document.getElementById("guess_button");
  16.     let guess_input = document.getElementById("guess");
  17.     let feedback = document.getElementById("feedback");
  18.     let wrong_feedback = document.getElementById("wrong_feedback");
  19.     let secret_number = Math.floor(Math.random() * 100);

  20.     guess_button.addEventListener("click", function() {
  21.       let guess = guess_input.value;
  22.       if (guess == secret_number) {
  23.         feedback.style.display = "block";
  24.         wrong_feedback.style.display = "none";
  25.       } else {
  26.         feedback.style.display = "none";
  27.         wrong_feedback.style.display = "block";
  28.       }
  29.     });
  30.   </script>
  31. </body>
  32. </html>
  33. ```

  34. 游戏规则如下:系统会生成一个 1-100 之间的数字,玩家需要通过输入框猜出这个数字。如果猜对了,系统会显示“猜对了!”;如果猜错了,系统会显示“猜错了,再试试吧。”,并且提示猜小了或者猜大了。玩家可以不断输入新的猜测,直到猜对为止。
复制代码


盘基地论坛免责声明
1、本站资源来自互联网用户收集发布,仅供用于学习和交流。
2、禁止制作、复制、发布和传播具有反动、淫秽、色情、暴力、凶杀等内容的信息,一经发现立即删除。
3、如涉及侵犯版权等问题,请您及时通知我们,我们将立即采取措施予以解决。
4、联系邮箱:admin@panjdzy.com
5、官方网址:www.panjdzy.com
6、备用网址:www.panjd.top




上一篇:一年四季都盛开的花是什么花?
下一篇:井字棋游戏
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

论坛新闻X


  扫码关注左侧公号,每月定期发送扩容福利码。

...

查看详情

Archiver|手机版|小黑屋|盘基地资源论坛

GMT+8, 2024-6-15 06:59 , Processed in 0.082018 second(s), 22 queries .

Powered by Discuz!

本站资源来自互联网用户收集发布,仅供用于学习和交流。

如有侵权之处,请联系站长并出示版权证明以便删除,敬请谅解!

联系邮箱:admin@panjdzy.com

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