设计并实现石头剪子布游戏与电脑对弈,要求记录并显示每次对弈情况。
方法一:
<%@page import="com.sun.xml.internal.txw2.Document"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8" import="java.util.*"%>
<html>
<head>
<script>
function play()
{
var p,c,r,pv,pr,cr,str;
pv=f1.game;
for(i=0;i<pv.length;i++)
if(pv[i].checked)
p=pv[i].value;
p=parseInt(p);
c=Math.floor(Math.random()*10)%3+1;
switch(p-c)
{
case -1:
case 2:r="赢了";break;
case -2:
case 1: r="输了";break;
case 0:r="平了";}
switch(p)
{
case 1:pr="石头";break;
case 2:pr="剪子";break;
case 3:pr="布";
}
switch(c)
{
case 1:cr="石头";break;
case 2:cr="剪子";break;
case 3:cr="布";
}
str=pr+" "+cr+" "+r;
var jg=document.createElement("p");
var jgc=document.createTextNode(str);
jg.appendChild(jgc);
var mjg=document.getElementById("p1");
mjg.appendChild(jg);
jg.style.color="red";
}
</script>
</head>
<body>
<form name="f1">
<p style="text-align:center;font-size:20px" >
<input type="radio" name="game" value="1" onclick="play()">石头
<input type="radio" name="game" value="2" onclick="play()">剪子
<input type="radio" name="game" value="3" onclick="play()">布
</p>
</form>
<p id="p1" style="text-align:center;font-size:15px;color:green ">
玩家 电脑 结果
</p>
</body>
方法二:
<html>
<head>
<script>
function play()
{
var m,c,ms,r,mc,cc;
var h=game.hand;
// alert(h.length);
// alert(h[0].value);
for(i=0;i<h.length;i++)
if(h[i].checked)
m=h[i].value;
ms=parseInt(m);
c=1+Math.floor(Math.random()*3);
switch(ms-c)
{
case -1:
case 2:r="赢了";break;
case 0:r="平了";break;
default:r="输了";
}
switch(ms)
{
case 1:mc="石头";break;
case 2:mc="剪子";break;
case 3:mc="布";break;}
switch(c)
{
case 1:cc="石头";break;
case 2:cc="剪子";break;
case 3:cc="布";break;}
var v=document.getElementById("mo");
// v.innerHTML=r;
r=mc+" "+cc+" "+r;
var child=document.createElement("p");
var cd=document.createTextNode(r);
child.appendChild(cd);
v.appendChild(child);
v.style.color="black";
v.style.fontSize="36px";
v.style.textAlign="center";
}
</script>
</head>
<body>
<div style="text-align:center">
<form name="game">
<input type="radio" name="hand" value="1" onclick="play()">石头
<input type="radio" name="hand" value="2" onclick="play()">剪子
<input type="radio" name="hand" value="3" onclick="play()">布
</form>
</div>
<div id="mo" style="text-align:center;font-size:36px" >
玩家 电脑 结果
</div>
</body>
</html>