javascriptp如何实现剪子石头布小游戏

像阳光一样的人,像阳光一样的事,像阳光一样的爱,像阳光一样的慈悲,世界上遍地都是。

本文实例为大家分享了jsp实现剪子石头布游戏的具体代码,供大家参考,具体内容如下

老师前两天除了一道小游戏的题目要大家做做,其实不太难,用了接近两个小时才做出来,先看一下题目。

问题描述:实现两个页面,第一个页面要求用图片或radio或select,第二个页面显示输赢的结果并把所有的结果保存输出。剪子石头布小游戏,跟常理一样,不必多说。

实现过程:使用form表单进行跳转处理,难点在图片传值这部分和数据统计部分,以下是代码:

游戏界面代码:

<html>
 <head>
 <base rel="nofollow noopener noreferrer" 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" rel="nofollow noopener noreferrer" href="styles.css" rel="external nofollow" rel="external nofollow" >
 -->
 </head>
 
 <body>
 <!-- 获得当前web project的名字 -->
 <%String pa = request.getContextPath(); %>
 <!-- form表单页面跳转 -->
 <form action="result.jsp" method="post">
 <input type="radio" name="option" value="jiandao"><img alt="剪刀" src="<%=pa%>/images/jiandao.jpg">
 <input type="radio" name="option" value="shitou"><img alt=石头" src="<%=pa%>/images/shitou.jpg">
 <input type="radio"name="option" value="bu"><img alt="布" src="<%=pa%>/images/bu.jpg">
 <input type="submit"value="确定"/>
 </form>
 </body>
</html>

游戏界面:

游戏结果页面代码:

<html>
 <head>
 <base rel="nofollow noopener noreferrer" href="<%=basePath%>" >
 
 <title>My JSP 'result.jsp' starting page</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" rel="nofollow noopener noreferrer" href="styles.css" rel="external nofollow" rel="external nofollow" >
 -->
 
 </head>
 
 <body>
 <%
 String pathnew=request.getContextPath();
 //获取游戏参与者的选项值
 String res=request.getParameter("option");
 String reslong=res+".jpg";
 //产生随机数进行匹配图片 
 int com=(int)Math.random()*3;
 String computer=String.valueOf(com);
 //computer=0 jiandao 
 //computer=1 shiyou
 //computer=2 bu
 if(computer.equals("0")){
 computer="jiandao";
 } 
 else if(computer.equals("1")){
 computer="shitou";
 }
 else{
 computer="bu";
 }
 String computerlong=computer+".jpg";
 int win=0;
 int lost=0;
 int ping=0;
 Object objwin=session.getAttribute("win");
 Object objlost=session.getAttribute("lost");
 Object objping=session.getAttribute("ping");
 if(objwin==null){
 session.setAttribute("win",String.valueOf(win));
 }
 if(objlost==null){
 session.setAttribute("lost",String.valueOf(lost));
 }
 if(objping==null){
 session.setAttribute("ping",String.valueOf(ping));
 }
 %>
 <h3>结果是</h3>
 <!-- 图片传值 -->
 您出的是:<img alt="" src="<%=pathnew %>/images/<%=reslong %>">
 <span style="bold" color="red">vs</span>
 电脑出的是:<img alt="" src="<%=pathnew %>/images/<%=computerlong %>">
 <%
 //逻辑判断,session更新统计值,
 if(res.equals(computer)){
 out.println("平局!");
 //session.setAttribute("ping",String.valueOf(Integer.valueOf((String)session.getAttribute("ping"))+1));
 session.setAttribute("ping",String.valueOf(Integer.valueOf((String)session.getAttribute("ping"))+1));
 }
 
 else if((res.equals("jiandao")&&computer.equals("bu"))||(res.equals("shitou")&&computer.equals("jiandao"))||(res.equals("bu")&&computer.equals("shiyou"))){
 out.println("您赢了!");
 //session.setAttribute("win",String.valueOf(Integer.valueOf((String)session.getAttribute("win"))+1));
 session.setAttribute("win",String.valueOf(Integer.valueOf((String)session.getAttribute("win"))+1));
 } 
 else{
 out.println("您输了!");
 session.setAttribute("lost",String.valueOf(Integer.valueOf((String)session.getAttribute("lost"))+1));
 //session.setAttribute("lost",String.valueOf(Integer.valueOf((String)session.getAttribute("lost"))+1));
 }
 
 %> 
 <h3>统计结果,待写入数据库</h3>
 您一共玩了<%=String.valueOf(
 Integer.valueOf((String)session.getAttribute("win"))+Integer.valueOf((String)session.getAttribute("lost"))+Integer.valueOf((String)session.getAttribute("ping")) )%>局<br/>
 您赢了<%=String.valueOf(
 Integer.valueOf((String)session.getAttribute("win"))) %>局<br/>
 您输了<%=String.valueOf(
 Integer.valueOf((String)session.getAttribute("lost"))) %>局<br/>
 打平了<%=String.valueOf(
 Integer.valueOf((String)session.getAttribute("ping"))) %>局<br/>
 </body>
</html>

游戏结果:

这个绝对没作弊,因为我输了5局哪!老师还提过下次要写个类似老虎机的游戏,估计在这个程序上做作弊就可以了。

以上就是javascriptp如何实现剪子石头布小游戏。生活不管苦与甜,好好享受每一天,人生不管得与失,看开了就有希望,脚下的路,不管直与弯,走下去定有惊喜。更多关于javascriptp如何实现剪子石头布小游戏请关注haodaima.com其它相关文章!

标签: javascriptp