大同哪有做网站的外贸网络营销
JavaWeb之猜数字小游戏
实现一个猜数字小游戏:系统先随机分配给用户一个1到100之间的数,然后用户在页面输入自己的猜测,如果用户猜测不正确,则提示用户猜测的数字是大了还是小了;如果用户猜测正确,则游戏结束。要求:游戏中的不同功能分别在不同的JSP页面中实现,并在JSP页面中使用到session等内置对象。逻辑处理不允许使用JS脚本来实现。AJAX可以使用。
操作步骤
1.新建工程。
2.在工程下新建jsp文件:test1.jsp,test1guess.jsp,test1large.jsp,test1small.jsp,test1right.jsp。
3.在各jsp文件下写下面代码。
实验代码
- 游戏开始界面test1.jsp
<%@ page language="java" contentType="text/html; charset=UTF-8"pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>猜数字小游戏</title>
<style type="text/css">form{width: 300px;height:300px;margin: 0 auto;border-radius: 5%;border: 1px solid black;text-align: center;}
</style>
</head>
<body>
<form method="get" action="test1guess.jsp"><h2>猜数字小游戏</h2><%int num =(int)(100*Math.random()+1);session.setAttribute("save", new Integer(num));%><%-- 产生的随机数是:<%=num %> --%><p>请用户输入猜测的数字:<input type="text" name="guess"><p><input type="submit" value="单击此处验证" ></form></body>
</html>
- test1guess.jsp(验证用户猜的数是大了还是小了还是正确?)
<%@ page language="java" contentType="text/html; charset=UTF-8"pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>guess</title>
</head>
<body><%request.setCharacterEncoding("UTF-8");response.setCharacterEncoding("UTF-8");int num1= (int)session.getAttribute("save");//获取产生的随机数String guess1 = request.getParameter("guess");//获取用户猜测的数字session.setAttribute("guess", guess1);String guess2 = (String)session.getAttribute("guess");int guess3 = Integer.parseInt(guess2);if(guess2!=null){if(guess3>num1){//response.sendRedirect("test1large.jsp");request.getRequestDispatcher("test1large.jsp").forward(request,response);}else if(guess3<num1){response.sendRedirect("test1small.jsp");}else{response.sendRedirect("test1right.jsp");}}%>
</body>
</html>
- test1large.jsp(猜大了)
<%@ page language="java" contentType="text/html; charset=UTF-8"pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>large</title>
<style type="text/css">form{width: 300px;height:300px;margin: 0 auto;border-radius: 5%;border: 1px solid black;text-align: center;}
</style>
</head>
<body>
<form method="get" action="test1guess.jsp"><h3>您猜的数字是<%=session.getAttribute("guess") %></h3><h3>猜大了!</h3><br><p>请重新输入猜测的数字:<input type="text" name="guess"><p><input type="submit" value="验证" ></form>
</body>
</html>
- test1small.jsp(猜小了)
<%@ page language="java" contentType="text/html; charset=UTF-8"pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>small</title>
<style type="text/css">form{width: 300px;height:300px;margin: 0 auto;border-radius: 5%;border: 1px solid black;text-align: center;}
</style>
</head>
<body><form method="get" action="test1guess.jsp"><h3>您猜的数字是<%=session.getAttribute("guess") %></h3><h3>猜小了!</h3><br><p>请重新输入猜测的数字:<input type="text" name="guess"><p><input type="submit" value="验证" ></form>
</body>
</html>
- test1right.jsp(猜小了)
<%@ page language="java" contentType="text/html; charset=UTF-8"pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>right</title>
<style type="text/css">form{width: 300px;height:300px;margin: 0 auto;border-radius: 5%;border: 1px solid black;text-align: center;}
</style>
</head>
<body>
<form method="get" action="test1guess.jsp"><br><h3>您猜的数字是<%=session.getAttribute("guess") %></h3><br><br><br><h2>恭喜您,猜对了!</h2><br>
</form>
</body>
</html>
运行结果
1.游戏开始
2.猜测结果