JSP程序设计--猜数字
猜数字游戏代码
【实验目的】了解和掌握Javascript的语法规则；熟练掌握Javascript语言的流程控制语句、过程控制和函数的语法及具体的使用方法。
【实验内容】（1）实现定时猜数游戏。
要求如下：随机给出一个0至99(包括0和99)之间的数字，然后让用户在规定的时间内猜出什么数字。
你可以随便猜一个数字，游戏会提示太大还是太小，从而缩小结果范围，最终得出正确结果。
界面设计参考如下图所示。
提示：（1）定时函数：setTimeout(“时间到使用函数”，毫秒数)（2）按钮的使能属性:disable属性值为true该按钮不可能使用；当其值为false时，该按钮可以接受使用。
开始运行时截图运行完了之后截图程序代码：<html><head><meta http-equiv="Content-Type" content="text/html;charset=gb2312" /><p class="STYLE4" align=center><strong> 猜数字游戏</strong></p><p class="STYLE4 STYLE5" align=center>请输入一个0—100的正整数：</p><p align=center><input type="text" id="txt" onkeyup="rep();" /><input type="button" value=" 提交" onclick="wocai();" /><input type="button" value=" 继续" onclick="wocai();" /></p><script>var s;var j = 0;function computer(){txt2.value = 60;j ++;s =Math.round(Math.random()*101);if(j == 1){setInterval("settxt2()",1000);}}function settxt2(){if(txt2.value/1 != 0){txt2.value=txt2.value/1-1;j = 2;}if((txt2.value/1)<=0){cm();}}function cm(){if(txt2.value == 60){txt3.value = "请开始！";}else if(txt2.value == 0){txt3.value ="答案是：" + s;alert("时间到！再来一局请点开始！");txt2.value = ":";}else{if((txt1.value/1)==(s/1))alert("恭喜猜对了！再来一局请点开始！");else if((txt1.value/1)>(s/1))txt3.value="太大了！";elsetxt3.value="太小了！";}}</script><style type="text/css"><!--.STYLE4 {font-size: xx-large;color: #FF0000;}.STYLE5 {font-size: x-large;color: #;}.STYLE6 {font-size: x-large}--></style><p align=center><span class="STYLE6">倒计时<input type="text" name="txt2" size="14"value="0"readonly="true" /></span><span class="STYLE6">结果</span><input type="text" name="txt3" size="10"></p></body></html>实验小结：在编写代码时不会将汉字居中，然后我通过查阅书籍和百度解决了问题！然后遇到的问题也是类似的解决的，我觉得在学习中遇到问题不要怕，肯学习，肯请教就不会存在问题了！。
js猜数字小游戏的简单实现代码
js猜数字⼩游戏的简单实现代码复制代码代码如下:<!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=gb2312" /><title>简易计算机</title></head><body><input type="button" id="result" name="result" onclick="checknum()" value="进⼊数字游戏、、、、、"><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,100);alert("dnhgn");var i;for(i=1;i<=10;i++){var nums=prompt("猜1到100之间的数字，您只有⼗次才的机会哦，加油哦、、、、、","");if(i==1){if(nums==num){alert("恭喜答对了，您太聪明了");break;}else{if(nums<num){document.write("您已经是第" + i +"次输⼊，数字有些⼩了<br>");}else{document.write("您已经是第" + i +"次输⼊，数字有些⼤了<br>");}}}if(i>1&&i<=10){if(nums==num){alert("恭喜答对了");break;}else{if(nums<num){document.write("您已经是第" + i +"次输⼊，数字有些⼩了<br>");}else{document.write("您已经是第" + i +"次输⼊，数字有些⼤了<br>");}}}if(i==10){if(nums!=num){document.write("你已经没机会了，真遗憾！");return false;}}}}</script></body> </html>。
02 第1个例子：猜数字
第2章 第1个例子：猜数字学习一项新技术，最好的入门方法是参照一个完整的例子，从头到尾做一遍。
本章为读者设计了一个非常简单的入门例子，使用JBuilder 2005作为开发工具，将开发Struts程序的整个过程展现给读者。
为了提高读者的兴趣，笔者选择了猜数字这个游戏作为本章的主线。
猜数字就是系统随机生成一个整数，用户通过不断地和程序沟通最终猜出准确的数字。
用户每一次向程序提交自己输入的数字后，程序会反馈信息给用户，信息包括“猜中”、“太大了”和“太小了”3种。
在开始这个例程前，先向读者交待一下Struts的工作流程，算是给读者一个大体上的印象，具体的细节在后面的章节中会说明。
2.1 Struts的业务流程Struts的业务流程是基于模型2的流程基础上的。
下面来粗略地了解一下，为能正确理解后面的例子做一个铺垫。
假设现在有以下情景：用户正在浏览一个用Struts技术构建的网站主页，主页上有一个登录表单，用户填好登录名和密码，单击“登录”按钮，就激活了以下一系列过程：（1）用户的请求以HTTP方式传输到服务器上，接收请求的是ActionServlet。
（2）ActionServlet接收到请求后，会查找struts-config.xml文件来确定服务器上是否有用户请求的操作，此处用户请求的操作应为登录操作。
如果没有，则返回一个用户请求无效的出错信息。
（3）当ActionServlet找到用户请求的Action后，首先将用户输入的表单参数打包成一个ActionForm对象，这个ActionForm对象其实也就是一个JavaBean，里面包含两个字段，分别是用户名和密码。
接着ActionServlet再根据struts-config.xml中的配置信息决定是否要执行ActionForm对象中的Validate方法。
若Validate方法执行有错，则返回；否则，继续下一步。
（4）系统生成一个用户所请求的Action的实例对象，将前面的ActionForm对象传递给它，运行它的execute()方法。
数字客户使用jsp和servlet写的一猜数字游戏
数字客户使⽤jsp和servlet写的⼀猜数字游戏今天⼀直在查找数字客户之类的问题,现在正好有机会和⼤家分享⼀下.该猜数字游戏重要⽤到了servlet⽅⾯的session，HttpServletResponse类中的sendRedirect()⽅法。
step1，客户拜访或刷新getNumber.jsp页⾯时，随机给⽤户分配⼀个1-100之间的数字，将该数字存放到客户的session中。
<%@ page language="java" import="java.util.*"contentType="text/html;charset=utf-8"%><html><head></head><body><%String message=(String)session.getAttribute("message");%><form action="HandleGuess" methods="post"><input type="text" name="guessnumber" size=8><%=message %><input type="submit" value="提交"></form><form action="getNumber.jsp" method="post"><input type="submit" value="重新得到新的随机数"></form></body></html>step2，然后⽤户超廉价到inputNumber.jsp页⾯上，⽤户输⼊⾃⼰的猜测，并提交给HandleGuess类负责创建。
简单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"><!--<link rel="stylesheet" type="text/css" href="styles.css">--></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>。
JSP序设计方案猜数字
XXXX实验报告实验课程名称：班级：实验成绩：实验项目名称：猜数字姓名：实验地点：实验指导教师：学号：实验日期：2012-11-19一、实验目的学会基本的jsp语言和编写简单小程序二、实验环境Netbeans软件电脑三、实验内容与实验步骤cGame.jsp:<html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><title>猜数字</title></style> </head><body><form action="sGame.jsp" method="get" ><nobr>input the number under 10:<input type="text" name="number" /> <input type="submit" value="sure"/></nobr><input type="hidden" name="random"value="<%=request.getParameter("random")%>"/><input type="hidden" name="count"value="<%=request.getParameter("count")%>"/><%String info=request.getParameter("info");if(info !=null){%><font color="red"><%=info%></font><%}%></form></body></html>sGame.jsp:<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>JSP Page</title></head><body><%!private String getInfo(int count){String info="Great,you are right";switch (count){case 1:break;case 2:info="feifei,You are right";break;case 3:info ="hahah,good";break;default:info="uwuwuuw,Faulse";break;}return info;}%><%String number=request.getParameter("number");String random=request.getParameter("random");String info=null;String strCount=request.getParameter("count");if(random.equals("null")){random="" +Math.round(Math.random() * 10);}if (!number.equals("null")){if(strCount.equals("null")){strCount=""+1;}int count =Integer.parseInt(strCount);if(number.trim().equals(random)){info=getInfo(count);}else{if(Integer.parseInt(number)>Integer.parseInt(random)){info="big，";}if(Integer.parseInt(number)<Integer.parseInt(random)){info="small，";}info+="You have"+(3-count)+"another time";}info="The last time is"+number+","+info;response.sendRedirect("cGame.jsp?random="+random+"&count="+(++count)+"&info="+info );}else{response.sendRedirect("cGame.jsp");}%></body></html>四、实验结果总结该实验主要是判断输入的数字和系统随机生成的数字是否相同，共有3次机会猜数字，若3次都用完了则游戏结束。
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节
语句块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)。
XXXX实验报告
实验课程名称：班级：实验成绩：
实验项目名称：猜数字姓名：实验地点：
实验指导教师：学号：实验日期：2012-11-19
一、实验目的
学会基本的jsp语言和编写简单小程序
二、实验环境
Netbeans软件电脑
三、实验内容与实验步骤
cGame.jsp:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>猜数字</title>
</style> </head>
<body>
<form action="sGame.jsp" method="get" >
<nobr>input the number under 10:<input type="text" name="number" />
<input type="submit" value="sure"/></nobr>
<input type="hidden" name="random"
value="<%=request.getParameter("random")%>"/>
<input type="hidden" name="count"
value="<%=request.getParameter("count")%>"/>
<%
String info=request.getParameter("info");
if(info !=null)
{
%>
<font color="red"><%=info%></font>
<%
}
%>
</form>
</body>
</html>
sGame.jsp:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>JSP Page</title>
</head>
<body>
<%!
private String getInfo(int count)
{
String info="Great,you are right";
switch (count)
{
case 1:
break;
case 2:
info="feifei,You are right";
break;
case 3:
info ="hahah,good";
break;
default:
info="uwuwuuw,Faulse";
break;
}
return info;
}
%>
<%
String number=request.getParameter("number");
String random=request.getParameter("random");
String info=null;
String strCount=request.getParameter("count");
if(random.equals("null")){
random="" +Math.round(Math.random() * 10);
}
if (!number.equals("null"))
{
if(strCount.equals("null"))
{
strCount=""+1;
}
int count =Integer.parseInt(strCount);
if(number.trim().equals(random))
{
info=getInfo(count);
}
else{
if(Integer.parseInt(number)>Integer.parseInt(random))
{info="big，";}
if(Integer.parseInt(number)<Integer.parseInt(random))
{info="small，";}
info+="You have"+(3-count)+"another time";
}
info="The last time is"+number+","+info;
response.sendRedirect("cGame.jsp?random="+random+"&count="+(++count)+"&info="+info );
}else{
response.sendRedirect("cGame.jsp");
}
%>
</body>
</html>
四、实验结果总结
该实验主要是判断输入的数字和系统随机生成的数字是否相同，共有3次机会猜数字，若3次都用完了则游戏结束。
这里主要就是两次判定，第一次判定已经用了几次机会，
在机会没有超出范围的情况，判断数字是否是随机生成的那个数字。