JavaWeb(猜拳游戏)

最新推荐文章于 2024-04-22 16:08:25 发布
最新推荐文章于 2024-04-22 16:08:25 发布
阅读量1.2k 收藏 3
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/huhahuha_/article/details/80855668
版权
<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>猜拳游戏</title>
        
        <style type="text/css">
            
            #display1{
                float: left;
            }
            
            #display2{
                float: right;
                margin-right: 302px;
            }
            
            #display3{
                float: right;
                margin-top: -200px;
            }
            
            #wanjiadisplay1{
                float: left;
            }
            
            #wanjiadisplay2{
                float: right;
                margin-right: 302px;
            }
            
            #wanjiadisplay3{
                float: right;
                margin-top: -200px;
            }
            
            #wanjiadisplay31{
                
                margin-left: 80px;
                margin-top: 50px;
            }
            
            
        </style>
        
    </head>
    <body>
        
        <div id="d" style="height: 550px; width: 700px; border: solid 1px; background-color: brown;">
            
            <div id="display" style="height: 200px ;width: 700px; border: solid 1px;color: white;">
                <div id="display1" style="height: 198px; width: 298px; border: solid 1px;">
                    <div style="margin-left: 120px;">你</div>
                    <div id="i2" style="margin-left: 100px; margin-top: 50px;"></div>
                </div>
                <div id="display2" style="height: 198px;width: 96px; border: solid 1px;">
                    <div style="font-size: 50px; color: black; margin-top: 80px; margin-left: 25px;">VS</div>        
                </div>
                <div id="display3" style="height: 198px;width: 300px; border: solid 1px; ">
                    
                    <div style="margin-left: 120px;">电脑</div>
                    <div id="i3" style="margin-left: 100px; margin-top: 50px;"></div>
                    
                </div>
            </div>
            
            
            <div  style="width: 698px; height: 100px; border: solid 1px;color: white;">
                
                <div id="result" style="margin-left: 300px; margin-top: 40px;">你赢了</div>
                
            </div>
            
            <div id="wanjiadisplay" style="width: 700px; height: 200px; border: solid 1px; color: white;">
                
                <div id="wanjiadisplay1" style="height: 198px; width: 298px; border: solid 1px;">
<!--                     <img src="" style="margin-top: 80px; margin-left: 100px;" id="i" />    -->
                
    

                <div id="i" style="margin-left: 100px; margin-top: 70px;">石头</div>
    
                </div>
                
                <div id="wanjiadisplay2" style="height: 198px;width: 96px; border: solid 1px;">
                    
                </div>
                <div id="wanjiadisplay3" style="height: 198px;width: 300px; border: solid 1px; ">
                    
                    <div id="wanjiadisplay31" >
                        请选择出拳:
                        <span>
                            <select name="sel" id="sel" οnchange="show()">
                                <option value=""></option>
                                <option value="石头">石头</option>
                                <option value="剪刀">剪刀</option>
                                <option value="布">布</option>
                            </select>
                        </span>
                        
                        <button type="button" id="selshow" style="margin-top: 10px;" οnclick="selshow1()" >选好了,出拳</button>
                        
                        <button type="button" id="selshow()" οnclick="selshow2()" >重新选择</button>
                    </div>
                </div>
            </div>
            
            
            <div id="showresult"  style="width: 700px;height: 50px; border: solid 1px;color: white;">
                <div style="margin-left: 250px;">
                总局数:<span id="zongjushu"></span>赢:<span id="ying"></span>输:<span id="shu"></span>
                <div/>
            </div>
            

        </div>
        
        
    </body>
    
    <script type="text/javascript">
        
        var count=0;
        var scount=0;
        var fcount=0;
        
        function autoshow(){
            
            var i3=document.getElementById("i3");
            
            
            var num=Math.random()*100;
            num=Math.ceil(num);
            num=num%3;
            switch(num){
                
                case 0:
                i3.innerHTML="石头";
                break;
                case 1:
                i3.innerHTML="剪刀";
                break;
                case 2:
                i3.innerHTML="布";
                break;
                
            }
        }
        
        function selshow1(){
            
            count++;
            var s=document.getElementById("sel");
            var choice=s.value;   
            var i=document.getElementById("i");
            var i2=document.getElementById("i2");
            var display=document.getElementById("result");
            
            if(choice=="石头"){
                i.innerHTML="石头";
                i2.innerHTML="石头";
            }else if(choice=="剪刀"){
                i.innerHTML="剪刀";
                i2.innerHTML="剪刀";
            }else if(choice=="布"){
                i2.innerHTML="布";
                i.innerHTML="布";
            }
            
            //调用autoshow()函数,电脑随机出拳
            autoshow();
            var i3=document.getElementById("i3");
            
            if(choice=="石头"&&i3.innerHTML=="剪刀"){
                scount++;
                display.innerHTML="你赢了";
            }else if(choice=="剪刀"&&i3.innerHTML=="布"){
                scount++;
                display.innerHTML="你赢了";

            }else if(choice=="布"&&i3.innerHTML=="石头"){
                scount++;
                display.innerHTML="你赢了";

            }else if(choice==(i3.innerHTML)){
                display.innerHTML="平局";
            }else {
                fcount++;
                display.innerHTML="电脑赢了";
            }
            
            var zjs=document.getElementById("zongjushu");
            zjs.innerHTML=count;
            var y=document.getElementById("ying");
            y.innerHTML=scount;
            var s=document.getElementById("shu");
            s.innerHTML=fcount;
            
            
        }
        
        
        
        function selshow2(){
            
            var s=document.getElementById("sel");
            s.value="";
            
        }
        
    
    </script>

</html>
huhahuha_
关注
  • 0
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
JavaWeb:jsp 猜拳游戏
qq_50906590的博客
09-12 671
在Eclipse 中实现简单的猜拳游戏 <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> </head> &
写一个简单的“猜拳”程序
Fish_Xx的博客
02-08 1626
要求： 1.玩家输入剪刀、石头或布与电脑比较输赢。 2.保证随机性。 3.三局两胜。 思路： 1.使用Scanner实现玩家输入，玩家输入“1，2，3”来代替“石头，剪刀，布”。使用if选择结构判断输赢。 2.使用Random实现电脑“出拳”的随机性。 3.使用for循环结构实现多次比较，加入计数器跳出循环。 代码： import java.util.Scanner; import java.ut...
猜拳（石头剪子布）前端HTML源代码，三种不同的实现方式
tanghlnihao的博客
08-29 1155
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>猜拳（石头剪子布） </title> <script type="text/javascript"> var userselect = 3; function userchk(val) { ...
java web小游戏_打地鼠都会玩，作为Java程序员这辈子能不开发几个小游戏吗！
weixin_39705850的博客
02-16 173
该楼层疑似违规已被系统折叠隐藏此楼查看此楼这是一款非常有趣的打地鼠游戏。游戏的规则很简单，把冒出头来的地鼠给全部打下去就算成功。import java.awt.Cursor;import java.awt.Image;import java.awt.Point;import java.awt.Toolkit;import java.awt.event.ActionEvent;import jav...
javaWeb实现石头剪刀布游戏。jsp
qq_52897007的博客
10-04 2055
实现石头剪刀布游戏。页面的输出有“平局”，“你赢了！
Javaweb课程设计
01-13
Javaweb课程设计，刺激精英游戏管理系统，前端采用bootstrap进行开发，后端采用Javaweb技术servlet，jsp技术，采用MVC的设计模式，数据库采用mysql。 利用本系统注册登录游戏账号，可以很好的管理自己的游戏信息以及...
基于javaweb+flash的小游戏
04-19
【JavaWeb + Flash小游戏开发详解】 在信息技术领域，JavaWeb和Flash是两种广泛应用于创建交互式应用程序的技术。本文将深入探讨如何结合这两种技术，构建一个基于JavaWeb的Flash小游戏。 一、JavaWeb基础 ...
javaweb项目实（含笔记与详细实现步骤）
07-20
JavaWeb项目实（含笔记与详细实现步骤） JavaWeb是一种基于Java技术的Web应用程序开发框架，它涵盖了服务器端编程、数据库交互、用户界面设计等多个方面。对于初学者来说，掌握JavaWeb开发是步入Web开发领域的关键...
教务管理系统javaweb项目
03-24
教务管理系统javaweb项目 运行环境：window系统，Apache Tomcat v7.0.84、JDK1.8 开发环境：J2EE eclipse、navicat for mysql 运用的技术：MVC设计模式、DAO模式、Servlet、JSP、Filter、MySQL数据库 该项目主要分为...
javaweb 程序填空题
06-11
javaweb 程序填空题
html+css实现小游戏：猜拳游戏
05-05
适合初学者，比较简单
JavaWeb设计五子棋游戏设计与开发系统（报告书）
04-07
五子棋是两方之间进行的竞技活动，专用棋盘为15*15，五连子的方向为横、竖、斜；任一方在棋盘上形成横向、竖向、斜向的连续的相同颜色的五个（含五个以上）时即为该方胜利；在棋盘上以对局双方均不可能形成五连为和棋。黑白双方依次落子，由黑方先下，由于先下一方在局面上占优，所以五子棋规则分为禁手和无禁手两种。 禁手规则：禁手是针对先行的黑棋而言，以限制黑棋的先行优势为目的。对局中如果黑棋违反禁手规则将被判负。以中国五子棋竞赛规则为例，有三三禁手（黑棋一子落下时同时形成两个或两个以上的活三，此子必须为两个活三共同的构成子）、四四禁手（黑棋一子落下同时形成两个以上的冲四或活四）、长连禁手（黑棋一子落下形成一个或一个以上的长连）。无禁手指不对黑棋的先行优势做任何限制。 本系统采用的是无禁手规则。
java实现的html小游戏,附带控制台小游戏
03-27
这个demo是一个用java实现的控制台小游戏，小游戏可以在控制台玩，也可以在html中玩，简单的说就是一个根据用户喜好创建一个司令人物，然后根据选择的司令性别，武器，宝石等等改变司令的战斗属性，完成司令配置后，随机匹配敌人以及地图，然后战斗，直到一方血量见底，另一方胜利 。然后再改为html的小游戏，前面都很顺利但是打斗场景不会写，渲染动作不会（所以我去学习Cosos了），就搁置到这里了，但是里面的采用的是java设计模式中的工厂模式还是值得学习一下的
基于JAVA Web的联机版迷宫游戏(网页版)
03-23
这个版本是上次上传的单机版的改进版，在界面和功能上都做了很大改进，可以进行联机游戏。
小游戏的WEB应用
03-18
NULL 博文链接：https://haroldxie.iteye.com/blog/693873
我是如何用JavaScript制作一个猜拳小游戏的
tzllxya的博客
05-28 1549
我是如何用JavaScript制作一个猜拳小游戏的 知识点： switch switch case break default 条件 判断 退出 默认 a.只要匹配上一个case，那么它下面的所有的case都会执行包括default b.break的意思跳出当前结构 while/do…while 一般情况下面，如果条件判断是数字的比较==<>，for循环优先. 如果是非数值...
推荐13个开源的Java小游戏，个个经典，好学又好玩！（附完整源代码）
最新发布
m0_70615468的博客
04-22 6796
Java小游戏是使用Java编程语言开发的一种娱乐应用程序。它可以在Java虚拟机上运行，并且具有交互性和可玩性。Java小游戏通常包含图形界面、音效、用户输入等元素，可以提供给用户一种娱乐和休闲的体验。Java小游戏的开发可以利用Java的图形库（如AWT、Swing）或者游戏开发框架（如LibGDX、JMonkeyEngine）来实现。开发者可以根据自己的需求选择合适的工具和库来开发游戏。Java小游戏的类型多种多样，包括但不限于益智类、休闲类、射击类、角色扮演类等。开发者可以根据自己的兴趣和技术水平选
用Java完成1-100随机数的猜数游戏
zhaoxinyue3的博客
03-06 501
随机生成一个1-100之间的数据，提示用户猜测，猜大提示过大，猜小提示过小，直到猜中结束游戏。3、在死循环里，每次都提示用户输入一个猜测的数字，猜大提示过大，猜小提示过小，猜中则结束游戏。1、先随机生成一个1-100之间的数据。2、定义一个死循环让用户可以一直猜测。
2020-05-01-----JavaWeb之猜数字小游戏
qq_45021462的博客
05-01 5956
JavaWeb之猜数字小游戏 实现一个猜数字小游戏：系统先随机分配给用户一个1到100之间的数，然后用户在页面输入自己的猜测，如果用户猜测不正确，则提示用户猜测的数字是大了还是小了；如果用户猜测正确，则游戏结束。 要求：游戏中的不同功能分别在不同的JSP页面中实现，并在JSP页面中使用到session等内置对象。逻辑处理不允许使用JS脚本来实现。AJAX可以使用。 操作步骤 1.新建工程。 2...
javaweb猜拳代码
04-28
以下是一个简单的JavaWeb猜拳游戏实现的代码： Java代码（JSP页面）： ```jsp <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>猜拳游戏</title> </head> <body> <h2>猜拳游戏</h2> <form action="play.jsp" method="post"> <input type="radio" name="player" value="1" checked> 石头 <input type="radio" name="player" value="2"> 剪刀 <input type="radio" name="player" value="3"> 布 <br><br> <input type="submit" value="提交"> </form> </body> </html> ``` Java代码（play.jsp页面）： ```jsp <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>猜拳游戏</title> </head> <body> <% int player = Integer.parseInt(request.getParameter("player")); // 获取用户选择 int computer = (int) (Math.random() * 3) + 1; // 电脑随机出拳 int result = (player - computer + 3) % 3; // 计算胜负 %> <h2>猜拳游戏</h2> <p>你出拳： <% switch (player) { case 1: out.print("石头"); break; case 2: out.print("剪刀"); break; case 3: out.print("布"); break; } %> </p> <p>电脑出拳： <% switch (computer) { case 1: out.print("石头"); break; case 2: out.print("剪刀"); break; case 3: out.print("布"); break; } %> </p> <p> <% switch (result) { case 0: out.print("平局！"); break; case 1: out.print("你赢了！"); break; case 2: out.print("你输了！"); break; } %> </p> </body> </html> ``` 此代码实现了一个简单的猜拳游戏，用户可以在页面上选择石头、剪刀、布中的一种，点击“提交”按钮后，对应的Java代码会生成一个随机数作为电脑出拳，然后计算出胜负并在页面上展示出来。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值