JSP猜数游戏

Gurean

已于 2022-10-24 17:44:53 修改

阅读量3.8k

点赞数 17

文章标签：游戏 1024程序员节 java 前端 servlet

于 2022-10-24 17:44:24 首次发布

本文链接：https://blog.csdn.net/weixin_51450341/article/details/127461063

版权

猜数游戏是说，电脑随机给出一个数字，由用户去猜这个数字，过程中电脑需要提示用户猜大了还是猜小了，直到用户猜出为止。

在这个项目中，我们不仅要实现提示猜大猜小的基本功能，还需实现以下几个功能：

1.当游戏结束时，统计用户共猜了几次

2.在用户猜测过过程中，给出用户已猜过的数字

效果展示

在上面的效果中，包含两个页面，一个是供用户输入第一次猜测的页面，一个是告诉用户结果并提示用户再次猜测的页面

页面一，用户输入数据

在第一个页面中，用户进行第一次输入，由页面将用户输入的数字发送到结果页面，由结果页面判断给出结果，需要考虑的问题是，用户猜测的目标数字在哪个页面给出

1.判断时给出：

也就是结果页面给出，我们已经将用户猜错的再次猜测放在结果页面，此时用户再次提交，随机数字也会再次发生变化，用户就很难猜到结果了

2.用户第一次猜测时给出：

当用户输入时，我们使用Math.random随机给出数字，并且一同提交到结果页面。此时数字只提交一次，便不会变化。需要注意随机数字不能够被用户看到，那么input的type属性值需要设置为hidden，它可以让当前输入框不在页面显示

<p style="color: red">随机给你一个1到100之间的整数，请猜！</p>
<p>输入所猜的数</p>
<form method="post" action="getNum_result.jsp">
    <input type="text" name="player">
    <input type="hidden" name="x" value="<%= (int)(Math.random()*100+1)%>">
    <input type="submit" value="送出">
</form>

页面二，处理数据，给出提示

在第二个页面，也就是结果页面中，需要判断用户输入数字和随机数字的大小，并将结果输出到页面。

1.在判断之前，使用request.getparameter()方法拿到表单提交的数据

    Integer player =Integer.parseInt(request.getParameter("player"));
    Integer x =Integer.parseInt(request.getParameter("x"));

此处需要注意，表单提交的数据类型为String类型，但是后续的比较需要一个int类型的数据，因此，在拿到数据后需要进行类型转换。

2.判断

1.如果用户没有输入直接提交，在获取数据时得到的就是一个空串，又或者用户直接访问结果页面，获取结果就是一个null值，那么就需要提醒用户先输入，再提交。

2.1能拿到用户输入的数据，与随机数比较后，用户输入的值大，提醒用户猜大了，给出表单，用户重新输入

2.2能拿到用户输入的数据，与随机数比较后，用户输入的值小，提醒用户猜小了，给出表单，用户重新输入

2.3能拿到用户输入的数据，与随机数比较后，二者相等

 if(player>x){
            out.print("猜大啦，再猜一次吧");

        }else if(player<x){
            out.print("猜小啦，再猜一次吧");
    
            }
        }else{
            out.print("恭喜你猜对啦数字是:"+x);

        }

在接下来用户猜错的重新猜测中，有两个重要的问题需要提出：

首先重新展示的表单应该放在什么地方呢。在jsp页面中编写java代码需要使用<% %>包含代码段，若需要编写前端代码，只需要断开包含，在编写完前端代码后，重新包含即可,形如下述代码段。

需要注意，这样写软件可能会标红，这是由于软件在对于语法检查时发现了可能的语法错误，实际上是正确的，可以不必理会。

其次，我们提交表单后，request.getparameter()会重新获取用户输入的值，和随机数的值，此时表单输入框中随机数就不能是之前的表达式，而应该是已经获取到的x的值。

<%
 if(player>x){
            out.print("猜大啦，再猜一次吧");

%>
            <form method="post" action="getNum_result.jsp">
                <input type="text" name="player">
                <input type="hidden" name="x" value="<%= x%>">
                <input type="submit" value="送出">
            </form>


<%
        }else{

}

%>

在文章开始，提出两个功能，首先是统计用户猜了击此，其次给出用户猜过的数字

将用户猜过的数字记录在数组中，在输出的过程中给值，在游戏结束时给数组长度就能完成该功能

此处定义变量i作为数组的下标，每当用户猜错一次，i++，最终i+1就是用户猜测的次数，当用户猜对以后只需要给i重新赋值为0即可。

<%!
    int[] arr=new int[100];
    int i=0;
%>

每当用户猜错就需要给出用户当前猜过的数字，使用循环遍历存储数字的数组即可

for (int j=0;j<i;j++){
    out.print(arr[j]+"\t");
}

完整代码

页面一

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
</head>
<body>
<p style="color: red">随机给你一个1到100之间的整数，请猜！</p>
<p>输入所猜的数</p>
<form method="post" action="getNum_result.jsp">
    <input type="text" name="player">
    <input type="hidden" name="x" value="<%= (int)(Math.random()*100+1)%>">
    <input type="submit" value="送出">
</form>
</body>
</html>

页面二

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
</head>
<body>
<%!
    int[] arr=new int[100];
    int i=0;
%>
<%
    Integer player =Integer.parseInt(request.getParameter("player"));
    Integer x =Integer.parseInt(request.getParameter("x"));


    if (player==null||player==0){//没猜
        out.print("还没有猜哦！2秒后跳转");
        response.setHeader("Refresh","2;URL=getNum.jsp");

    }else{//猜了
        if(player>x){
            out.print("猜大啦，再猜一次吧");
            arr[i]=player;
            i++;
            out.print("您猜过的数字有:");
            for (int j=0;j<i;j++){
                out.print(arr[j]+"\t");
            }

%>
            <form method="post" action="getNum_result.jsp">
                <%--        value="<%= (int)(Math.random()*100+1)%>>"--%>
                <input type="text" name="player">
                <input type="hidden" name="x" value="<%= x%>">
                <input type="submit" value="送出">
            </form>
<%
        }else if(player<x){
            out.print("猜小啦，再猜一次吧");
            arr[i]=player;
            i++;
            out.print("您猜过的数字有:");
            for (int j=0;j<i;j++){
                out.print(arr[j]+"\t");
            }

%>
            <form method="post" action="getNum_result.jsp">
                <%--        value="<%= (int)(Math.random()*100+1)%>>"--%>
                <input type="text" name="player">
                <input type="hidden" name="x" value="<%=x%>">
                <input type="submit" value="送出">
            </form>
<%
        }else{
            arr[i]=player;
            i++;
            out.print("恭喜你猜对啦数字是:"+x);

            out.print("您猜过的数字有:");
            for (int j=0;j<i;j++){
                out.print(arr[j]+"\t");
            }
            out.print("您一共猜了"+i+"次");
            i=0;
        }
    }
%>
</body>
</html>

Gurean

关注

17
点赞
踩
43

收藏

觉得还不错? 一键收藏
打赏
0
评论
JSP猜数游戏

猜数游戏是说，电脑随机给出一个数字，由用户去猜这个数字，过程中电脑需要提示用户猜大了还是猜小了，直到用户猜出为止。在这个项目中，我们不仅要实现提示猜大猜小的基本功能，还需实现以下几个功能：1.当游戏结束时，统计用户共猜了几次2.在用户猜测过过程中，给出用户已猜过的数字。
复制链接

扫一扫