js猜数字游戏,html脚本,就是编程,js基础

合集下载

猜数字游戏编程实现

猜数字游戏编程实现猜数字游戏是一种经典而有趣的游戏，通过编程实现这个游戏可以提高我们的逻辑思维和编程能力。

下面我将介绍如何使用Python语言来编写一个简单的猜数字游戏。

首先，我们需要明确游戏的规则。

猜数字游戏通常是电脑选择一个随机数，并要求玩家根据给出的提示来猜测这个数字。

根据玩家的猜测，电脑会给出一些提示，例如猜测的数字大于或小于目标数字。

玩家需要不断尝试猜测，直到猜中为止。

接下来，我们可以开始编写代码了。

在Python中，我们可以使用random库来生成一个随机数作为目标数字。

同时，我们可以使用while 循环来实现玩家的多次猜测。

```pythonimport randomtarget_number = random.randint(1, 100) # 生成1到100之间的随机数作为目标数字while True:guess = int(input("请输入你猜测的数字: ")) # 提示玩家输入猜测的数字if guess == target_number:print("恭喜你，猜对了!")breakelif guess < target_number:print("猜的数字太小了，请再试一次。

")else:print("猜的数字太大了，请再试一次。

")```在上述代码中，我们首先使用random.randint()函数生成了一个1到100之间的随机数作为目标数字。

然后，使用while循环不断接受玩家的猜测，并根据猜测的数字与目标数字的大小关系给出相应的提示。

如果玩家猜中了目标数字，我们使用break语句跳出循环并输出"恭喜你，猜对了！"的消息。

通过运行以上代码，我们可以在命令行中进行猜数字游戏。

每次游戏时，目标数字都是随机生成的，玩家可以通过键盘输入来进行猜测，直到猜中为止。

当然，这只是一个简单的猜数字游戏的编程实现，你可以根据自己的想法和创意进行扩展和改进。

简单JSP实现猜数字游戏

本次将用jsp来实现一个简单的猜数字游戏，具体思路：先产生一个随机数，当我们输入的数字比他小或大时，提示相关信息重新输入直到猜对这个随机数。

先建立一个用来获取猜数字的页面index.jsp，代码如下：<%@ page language="java" contentType="text/html; charset=gb2312"%><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"><title>,</title></head><body><P>随机分给了你一个1到100之间的数，请猜<%int number=(int)(Math.random()*100)+1;session.setAttribute("count",new Integer(0));session.setAttribute("save",new Integer(number));%><br><p>请输入你的所猜的数<form action=result.jsp method="post" ><input type="text" name="boy"><input type="submit" value="submit" ></form></body></html>逻辑判断页面result.jsp，代码如下：<%@ page language="java" contentType="text/html; charset=ISO-8859-1"pageEncoding="ISO-8859-1"%><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"><title>,</title></head><body><%int countN=0;if(session.getAttribute("count")!=null)countN=(Integer)session.getAttribute("count");countN++;session.setAttribute("count",countN);String guess=request.getParameter("boy");int guessN;guessN=Integer.parseInt(guess);int randomN=(Integer)session.getAttribute("save");if(guessN>randomN)pageContext.forward("large.jsp");if(guessN<randomN)pageContext.forward("small.jsp");if(guessN==randomN)pageContext.forward("success.jsp");%></body></html>判断结果页面：large.jsp和small.jsp页面，分别表示所猜数字与随机数字比较后的结果的页面。

（11）jsp+servlet编程实战《猜数字游戏》

（11）jsp+servlet编程实战《猜数字游戏》【使⽤JSP技术实现猜数字游戏】设计⼀个web app，每次产⽣⼀个30以内的数字，给5次机会让客户猜测这个数字：1）如果客户猜的数字⽐产⽣的数字值⼤，则提⽰“可惜，⼤了点”。

2）如果客户猜的数字⽐产⽣的数字值⼩，则提⽰“可惜，⼩了点”猜对了奖励100百万，猜错Game Over，给玩家重玩的机会。

guess.jsp(显⽰数据) GuessServlet（java逻辑代码）题⽬看似简单，整个程序只要求⼀个jsp页⾯以及⼀个servlet后台逻辑处理代码，但是其中逻辑⽅⾯有⼏处耐⼈寻味，⽐如页⾯上会显⽰玩家剩余的次数，⽤域对象共享数据，⼜如5次机会使⽤完毕后，如何处理，下⾯我会提供整个程序的源码，源码中已经写好了⾮常完整的注释，如有问题，可留⾔。

效果图：guess.jsp源码<%@ page language="java" import="java.util.*" pageEncoding="UTF-8" isELIgnored="false"%><%String path = request.getContextPath();String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/"; %><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head><base href="<%=basePath%>"><title>猜数字游戏</title><meta http-equiv="pragma" content="no-cache"><meta http-equiv="cache-control" content="no-cache"><meta http-equiv="expires" content="0"><meta http-equiv="keywords" content="keyword1,keyword2,keyword3"><meta http-equiv="description" content="This is my page"></head><body><h3>猜数字游戏</h3><%-- <font color="red"><%=request.getAttribute("msg") %></font> --%><font color="red">${requestScope.msg}${timesStr}</font><form action="${pageContext.request.contextPath}/GuessServlet" method="post">请输⼊你的⼀个幸运数字：<input type="text" name="lucyNo"/><br/><input type="hidden" name="times" value="${times}"/><input type="submit" value="开始竞猜"/></form></body></html>GuessServlet.java源码package gz.itcast.contactSys_web.web;import java.io.IOException;import java.util.Random;import javax.servlet.ServletException;import javax.servlet.annotation.WebServlet;import javax.servlet.http.HttpServlet;import javax.servlet.http.HttpServletRequest;import javax.servlet.http.HttpServletResponse;/*** 处理竞猜的逻辑* @author 王磊**/@WebServlet("/GuessServlet")public class GuessServlet extends HttpServlet {public GuessServlet() {genAnswer();}private int answer;//随机产⽣⼀个幸运数字public void genAnswer(){Random ran = new Random();answer = ran.nextInt(30);}protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { //1)接受⽤户输⼊的幸运数字String lucyNoStr = request.getParameter("lucyNo");//设置⼀个变量⽤于存储显⽰的结果共享到域对象中String msg = "";//⽤于存储竞猜次数int times = 0;//获取⽤户当前次数String timesStr = request.getParameter("times");if(timesStr!=null && !timesStr.equals("")){times = Integer.parseInt(timesStr);times++;}if(lucyNoStr!=null && !lucyNoStr.equals("")){if(times < 4){// 因为接收的是字符串,所以要转型int lucyNo = Integer.parseInt(lucyNoStr);// 然后和answer进⾏⽐较if (lucyNo < answer) {// 显⽰⼩了msg = "可惜，⼩了点";} else if (lucyNo > answer) {// 显⽰⼤了msg = "可惜，⼤了点";} else {// 猜对了msg = "恭喜你，中奖了，请往⽀付宝账户1885689xxxx中汇2000元⼿续费，即可获得100万⼤奖";//重新再⽣成答案genAnswer();times = -1;}}else{msg = "超过了5次机会，请重新再来";//重新再⽣成答案genAnswer();times = -1;}//把msg存储到域对象中request.setAttribute("msg", msg);//把次数返回给⽤户request.setAttribute("timesStr", "，您还有"+(4-times)+"次机会");request.setAttribute("times", times);//⽤request是因为他的范围⼩,注意,⽤request就必须⽤转发request.getRequestDispatcher("/guess.jsp").forward(request, response);}}protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { doGet(request, response);}}。

JavaScript猜数字游戏

JavaScript猜数字游戏代码实现：<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><script>// ⽣成随机整数的函数function getRandom(min, max) {return Math.floor(Math.random() * (max - min + 1)) + min;}// 获得1到50的随机整数var random = getRandom(1, 50);var flag = 0;// 死循环，5次机会⽤完或者猜对则退出循环while (true) {var num = prompt('请猜⼀个1-50的数字：');if (num > random) {flag++;alert('太⼤了！你还有' + (5 - flag) + '次机会');} else if (num < random) {flag++;alert('太⼩了！你还有' + (5 - flag) + '次机会');} else {alert('恭喜你，猜对了！数字是' + random);break;}if (flag == 5) {alert('太菜了！机会⽤完了！正确数字是' + random);break;}}</script></head><body></body></html>。

js实现一个猜数字游戏

js实现⼀个猜数字游戏看你需要猜⼏次才能猜到那个正确的数字！效果图：代码如下：<!DOCTYPE html><html><head><meta http-equiv="content-type" content="text/html; charset=utf-8" /><title>猜数字游戏</title><script type="text/javascript" charset="utf-8">window.onload = newgame; //页⾯载⼊的时候就开始⼀个新的游戏window.onpopstate = popState; //处理历史记录相关事件var state, ui; //全局变量，在newgame()⽅法中会对其初始化function newgame(playagain) {ui = {heading: null, //⽂档最上⾯的<h1>元素prompt: null, //要求⽤户输⼊⼀个猜测数字input: null, //⽤户输⼊猜测数字的地⽅low: null, //可视化的三个表格单元格mid: null, //猜测的数字范围high: null,};//查询这些元素中每个元素的idfor(var id in ui) ui[id] = document.getElementById(id);//给input字段定义⼀个事件处理程序函数ui.input.onchange = handleGuess;//⽣成⼀个随机的数字并初始化游戏状态state = {n: Math.floor(99 * Math.random())+1, //整数： 0 < n <100low: 0, //可猜数字范围下限high: 100, //可猜数字范围上限guessnum: 0, //猜测的次数guess: undefined //最后⼀次猜测};//修改⽂档内容来显⽰该初始状态display(state);if (playagain === true)save(state);}function save(state) {if (!history.pushState) return; //如果pushState()⽅法没有定义，则什么也不做//将⼀个保存的状态和url关联起来var url = "#guess" + state.guessnum;history.pushState(state, //要保存的状态对象"", //状态标题：当前浏览器会忽视它url); //状态URL：对书签是没有⽤的}//这是onpopstate的事件处理程序，⽤于恢复历史状态function popState(event) {if (event.state) {//如果事件有⼀个状态对象，则恢复该状态state = event.state; //恢复历史状态display(state); //显⽰恢复的状态}else{history.replaceState(state, "", "#guess" + state.guessnum);}};//每次猜测⼀个数字的时候，都会调⽤此事件处理程序//此处理程序⽤于更新游戏的状态、保存游戏状态并显⽰游戏状态function handleGuess() {//从input字段中获取⽤户猜测的数字var g = parseInt(this.value);//如果该值是限定范围中的⼀个数字if ((g > state.low) && (g < state.high)) {//对应的更新状态if (g < state.n) state.low =g;else if (g > state.n) state.high = g;state.guess = g;state.guessnum++;//在浏览器历史记录中保存新的状态save(state);//根据⽤户猜测情况来修改⽂档display(state);}else{//⽆效的猜测：不保存状态alert("请输⼊⼤于" + state.low + "和⼩于" + state.high);}}//修改⽂档来显⽰游戏当前状态function display(state) {//显⽰⽂档的导航和标题ui.heading.innerHTML = document.title ="我在想⼀个" + state.low + "到" + state.high + "之间的数字！";//使⽤⼀个表格来显⽰数字的取值范围ui.low.style.width = state.low + "%";ui.mid.style.width = (state.high-state.low) + "%";ui.high.style.width = (100-state.high) + "%";//确保input字段是可见的、空的并且是聚焦的ui.input.style.visibility = "visible";ui.input.value = "";ui.input.focus();//根据⽤户最近猜测，设置提⽰if (state.guess === undefined)ui.prompt.innerHTML = "输⼊你的猜测：";else if (state.guess < state.n)ui.prompt.innerHTML = state.guess + "低了，再猜⼀次：";else if (state.guess > state.n)ui.prompt.innerHTML = state.guess + "⾼了，再猜⼀次：";else {//当猜对了的时候，就隐藏input字段并显⽰“再玩⼀次”按钮ui.input.style.visibility = "hidden";ui.heading.innerHTML = document.title = state.guess + "正确！";ui.prompt.innerHTML = "你赢了 <button onclick='newgame(true)'>再玩⼀次</button>";}}</script><style>#prompt { font-size: 16pt;}table { width: 90%; margin:10px; margin-left:5%;}#low, #high { background-color:lightgray; height:1em; }#mid { background-color:green;}</style></head><body><h1 id="heading">我在想⼀个数字...</h1><table><tr><td id="low"></td><td id="mid"></td><td id="high"></td></tr></table><label id="prompt"></label><input id="input" type="text"></body></html>以上就是本⽂的全部内容，希望本⽂的内容对⼤家的学习或者⼯作能带来⼀定的帮助，同时也希望多多⽀持！。

JS应用猜数游戏

JS应⽤猜数游戏(function(){let rs = require("readline-sync");let guessNumber = new Set();function getNumber() {//随机⽣成四个不重复的⼩于10的整数，且第⼀个数⼤于0.guessNumber.clear();while (guessNumber.size < 4) {let randomNumber = parseInt(Math.random() * 10);guessNumber.add(randomNumber);if (guessNumber.size == 1 && randomNumber == 0) {guessNumber.clear();}}}function getGuessInputNumber() {while (true){console.log("请输⼊你猜测的数：（是⼀个⾸位不为0的不重复4位数）");let inputNum = rs.question();let exchangeNum = Number(inputNum);if (exchangeNum) {if (exchangeNum >= 1000 && exchangeNum <= 9999) {let t = exchangeNum;let geWei = (t % 10);t=parseInt(t/10);let shiWei = (t % 10);t=parseInt(t/10);let baiWei = (t % 10);t=parseInt(t/10);let qiuanWei = (t % 10);t=parseInt(t/10);let judge = new Set([qiuanWei,baiWei,shiWei,geWei]);if (judge.size == 4) {return [...judge];} else {console.log("输⼊的4位数字出现重复位！");}} else {console.log("请输⼊⼀个4位数字！");}} else {console.log("请输⼊⼀个数字！");}}}function judgeNumber(inputNum){//参数是⼀个数字，包含4位数的各个部分let SystemNum = [...guessNumber];let a=0,b=0;for (let i = 0; i < inputNum.length; i++) {let index = SystemNum.indexOf(inputNum[i]);//-1,0,1,2,3if(index == i){a++}else if(index == -1){}else{b++;}}console.log(`${a}A${b}B`);if(a==4){return true;}}function run(){//主体逻辑，⼀般命名为run或者maingetNumber();for (let i = 0; i < 10; i++) {if(judgeNumber(getGuessInputNumber())){console.log("恭喜你，猜成功了，你⼀共使⽤了"+(i+1)+"次猜测机会!"); break;}console.log("请继续")}}run();})()。

javascript实现的猜数小游戏完整实例代码

javascript实现的猜数⼩游戏完整实例代码本⽂实例讲述了javascript实现的猜数⼩游戏。

分享给⼤家供⼤家参考，具体如下：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>js游戏</title><script type="text/JavaScript">var x=10;//x=parseInt(Math.random()*(1000-1))+1;for(var i=0;i<10;i++){var num=prompt("请输⼊你猜测的数字","");if (num!=null && num!=""){if(num==x){switch(i){case 0:alert('真神啦，猜对了！');i=10;break;case 1:alert('厉害，对啦！');i=10;break;case 2:alert('真棒，对啦！');i=10;break;case 3:alert('好好，对啦！');i=10;break;case 4:alert('不容易，对啦！');i=10;break;case 5:alert('将就，对啦！');i=10;break;case 6:alert('有点慢，对啦！');i=10;break;case 7:alert('下次快点，对啦！');i=10;break;case 8:alert('赶上啦，对啦！');i=10;break;case 9:alert('最后机会，对啦！');i=10;break;}}if(i==9){alert('笨蛋，10次都猜不对！');}if(num>x){document.write("您已经猜了" + eval(i+1) + "次," + num +"," + "⼤了！<br>");}if(num<x){document.write("您已经猜了" + eval(i+1) + "次," + num +"," + "⼩了！<br>");}}else{alert('不能为空');}}</script></head><body><div id="div1"></div></body></html>更多关于JavaScript相关内容感兴趣的读者可查看本站专题：《》、《》、《》、《》、《》、《》及《》希望本⽂所述对⼤家JavaScript程序设计有所帮助。

JavaScript程序设计实例教程课件任务4 实现猜数字游戏第4-8节

语句块1 }else{
语句块2 }
举例演示
3. 多分支结构
可以使用if-else语句嵌套实现，也可以用switch语句实现，下面介绍switch语句.：
switch语句的结构如下： switch(表达式){ case 值1:语句块1 break； case 值2:语句块2 break； ... case 值n:语句块n break； default:语句块n+1 break； }
/*本程序用来计算学生 JavaScript 课程的考试成绩其中 score1 为理论成绩，score2 为实践成绩 */ var score1=88; var score2=82; alert("JavaScript 小王同学课程的总成绩是："+ score1+ score2); //显示学生课程的总成绩
(3) 关键字var声明变量，JavaScript是弱类型语言，不需要指定变量类型；
(4) 自定义函数是命名的语句块，完成特定的功能，需要先创建，再调用；
(5) if语句通过判断表达式是否成立从而有选择地执行代码；switch语句首先计算表达式的值，然后执行与表达式匹配的case语句，每一个case语句后面要根据需要使用break 表达式；
举例演示
2 流程控制语句-循环结构
1. 循环结构的三个要素
➢ 循环初始化，设置循环变量初值； ➢ 循环控制，设置继续循环进行的条件； ➢ 循环体，重复执行的语句块。
2.当循环结构当循环结构，while语句格式如下： while（条件表达式）{
语句块 }
举例演示
3.直到循环结构直到循环结构，do…while语句格式如下： do{
2 流程控制语句-分支

1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。

<!DOCTYPE HTML PUBLIC"-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>exercise02l.html</title>
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description"content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">

<script>
//获取随机数
function GetRandomNum(Min,Max)
{
var Range = Max - Min;
var Rand = Math.random();
return(Min + Math.round(Rand * Range));
}
//获取文本框内容
function checknum(){
var num = GetRandomNum(1,50);
alert("现在开始游戏！！！！");
var i;
var nums=prompt("猜1到50之间的数字，您只有8次才的机会哦，加油哦、、、、、","");
for(i=1;i<8;i++){
if(nums<1||nums>=50){
nums=prompt("上次输入数不在（1,50】的范围内，继续进行第"+(i+1)+"次输入，");
}
if(i==1){
if(nums==num){
alert("恭喜答对了，您太聪明了");
break;
}else{
if(nums<num){
nums=prompt("上次输入数小了，继续进行第" +(i+1)+"次输入，");
document.write("ABCDEFGH");
}else{
nums=prompt("上次输入数大了，这是您是第" +(i+1)(i+1)+"次输入");}
}
}//if i = 1
if(i>1&&i<8){
if(nums==num){
alert("恭喜答对了");
break;
}else{
if(nums<num){
nums=prompt("上次输入数小了，这是您是第"+(i+1) +"次输入");
}else{
nums=prompt("上次输入数大了，这是您是第"+(i+1) +"次输入");
}
}//(1,8]
}
if(i==7){
if(nums!=num){
alert("你已经没机会了，真遗憾！");
document.write("你已经没机会了，真遗憾！");
return false;
}
}//i=8
}
}
</script>
</head>
<body>
xwj
点次进入猜数字游戏。

<br>

<input type="button"name="result" onclick="checknum()" value="进入数字游戏、、">
</body>
</html>。