JavaScript实现的猜数字小游戏~~

最新推荐文章于 2024-08-16 19:02:09 发布
最新推荐文章于 2024-08-16 19:02:09 发布
阅读量1.9k 收藏 4
点赞数
文章标签： javascript 游戏 xhtml html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zwt90/article/details/7281381
版权
 

今天用JavaScript实现的猜数字小游戏，代码如下：

<!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 Xlanguage="javascript" type="text/javascript">
 //定义累加变量，用于统计第几次输入
 var count=1;
 //定义一个标志位
 var flag=true;
 var str;
 //产生一个随机数
 var sjNum=Math.round(Math.random()*1000);
 alert(sjNum);
 //while循环
 while(flag){
  str="";
  //判断是否超过10次 
  if(count<=10){
   //获取用户的输入内容
   var inputNum=prompt("请输入你要猜的数字","1");
   //判断大小
   if(inputNum<sjNum){
    str+="您本次是第"+count+"次竞猜，还有"+(10-count)+"次机会，本次猜的数字是"+inputNum+"，您输入的小了<br>";
    count++;
   }
   if(inputNum>sjNum){
    str+="您本次是第"+count+"次竞猜，还有"+(10-count)+"次机会，本次猜的数字是"+inputNum+"，您输入的大了<br>";
    count++;
   }
   if(inputNum==sjNum){
    str+="您本次是第"+count+"次竞猜，恭喜您 猜对了~";
    flag=false;
   }
  document.write(str); 
  }else{
   alert("大哥，怎么搞得？10次都没有猜对？");
   alert("正确答案是："+sjNum);
   flag=false;
  }
 }
</script>
</head>

<body>
</body>
</html>

zwt90
关注
  • 0
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
JavaScript实现猜数字游戏
11-20
本博文源于js基础，旨在讨论如何实现猜随机数的小游戏。 题目重现 随机生成一个[0,100]区间的数字，不断重复用户输入，直到用户输入对为止。 实现原理 先用Math.random生成一个数字，欲得到[a,b]区间的随机整数，可采用以下公式： parseInt(Math.random()*(b-a+1))+a; 举个例子：得到[3,8] parseInt(Math.random()*6)+3; 然后循环里，多分支if判断一下，给用户提示一下 测试用例 玩的时候用二分法玩，二分法就是一次砍一半，比如先上来猜50，然后根据反映，太大那就25，太小那就75.以此类推 附上代码 <!DOCTY
js实现猜数字游戏
贪吃ღ大魔王
04-13 191
随机输入两个数字 min 和max 随机生成一个值 进行猜数字 <head> <meta charset="UTF-8"> <title></title> </head> <script type="text/javascript"> function getRandom(min, max) { min = Math.ceil(min); max = Math.floor(max); return Math.flo
JavaScript猜数字小游戏
09-26
JavaScript猜数字小游戏 Html文件 学习javascript还是很好的！
用JS实现的猜数字游戏
Start -ZJ的博客
09-25 901
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script defer type="text/javascript" src="JS/jquery-3.4.1.min.js...
用JS实现猜数字游戏
m0_51520179的博客
12-24 4416
实现目标 随机生成一个1到10的整数，由你来猜，直到猜对为止。 实现效果图 实现方法 1.随机生成一个1到10的整数,使用Math.random()方法。 2.需要一直猜到正确为止,所以使用while循环更简单。 3.核心算法：使用if else if多分支语句来判断大于，小于，等于。 实现代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"&..
js猜数字游戏
12-06
js猜数字游戏自己在网上找资料写的，小白一个大家不要笑话我哦
JS实现网页端猜数字小游戏
11-20
本文实例为大家分享了JS实现网页端猜数字游戏的具体代码，供大家参考，具体内容如下 题目描述 电脑产生一个0到100之间的随机数字，并且要求用户来猜，如果用户猜的数字比这个数字大，电脑会提示“太大”，否则会提示“太小”，当用户正好猜中，电脑会提示“恭喜你猜对了，这个数是…”。在用户每次猜测之后，程序会输出用户第几次猜测。如果用户输入的根本不是一个数字，程序会告诉用户输入无效 代码实现 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>猜数字小游戏</title> <script type="te
基于JavaScript实现猜数字游戏代码实例
11-19
环境 vscode 1.46 Microsoft Edge 83 示例 以下内容为了解和熟悉 JavaScript，不需要理解，能够复制粘贴并正确运行即可。 新建网页模板 在 vscode 中新建一个 index.html 文件，然后输入以下内容。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>猜数字游戏</title> <style> html { font-family: sans-serif; } body { width: 50%; max-
jsp猜数字游戏
11-09
一个用jsp编写的简单的猜数字游戏，代码简单易懂，内有注释，适合初学者使用。
js 特效 html 特效 猜数字游戏
06-13
js 特效 html 特效 猜数字游戏 js 特效 html 特效 猜数字游戏
java程序设计与【j2ee中间件技术】/【软件开发技术(III)】-实验五-实现一个简单的购物车功能，使用JSP内置对象实现猜数字的小游戏
zombotany的博客
01-16 857
目录题目11 题目说明2 实验设计3 运行界面截图与说明4 代码list.jspshopcar.jsp题目21 题目说明2 实验设计3 运行界面截图与说明4 代码getNumber.jsplarge.jspresult.jspsmall.jspsuccess.jsp 题目1 1 题目说明 1、请实现一个简单的购物车功能。 （1）list.jsp。商品列表页面，可以将商品加入购物车，可以查看购物车。 （2）shopcar.jsp。显示购物车里的商品 2 实验设计 题目1工程结构：有两个jsp页面，分别为li
猜数字游戏 js实现
"BLOG"
02-20 876
//生成随机数的函数 function getRandom(min, max) { min = Math.ceil(min); max = Math.floor(max); return Math.floor(Math.random() * (max - min + 1) + min); } var ...
基于JS的猜数字游戏
qq_43690370的博客
06-12 552
实现效果： 在开始时先点击生成一个随机数，这个随机数会保存起来以匹配你在输入框输入的数据，输入完成之后点击确认，如果大于随机数弹出： 如果小于随机数弹出： 如果等于随机数弹出： 当输入的次数大于五次时闯关失败，弹出： 附上代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=devic
JavaScript小案例2-实现猜数游戏
m0_59662145的博客
10-19 2632
随机数
javaweb之jsp猜数字小游戏
m0_70409343的博客
10-13 1837
javaweb之jsp猜数字小游戏
微信小程序骨架屏
最新发布
djjdjdjdjddjjdjd的博客
08-16 419
⑤ 在onLoad 中页面加载前定义 isLoading.value=true, 在加载完后定义 isLoading.value=false.骨架屏是页面的一个空白版本，通常会在页面完全渲染之前，通过一些灰色的区块大致勾勒出轮廓，待数据加载完成后，再替换成真实的内容。① 在相应微信小程序页面右下角点生成骨架屏，左侧小程序目录会自动生成 .wxml 、.wxss 文件，⑥ 在生成骨架屏页面中 v-if="isLoading" v-else 定义显示与隐藏。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值