<html><head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>剪刀 石头 布</title>
<script type="text/javascript">
var jushu = 1; //局数
var bashu = 1; //把数
var userName=prompt("请玩家输入您的姓名","玩家") //定义变量,并把prompt()方法的返回值赋予给变量
if(userName=="") //如果变量值为空
{
document.write("您还没有输入您的姓名")
}
else if(userName==null)
{
document.write("您取消了姓名输入")
}
else
{
document.write("<font color='royalblue' face='幼圆'><b>"+"欢迎您来参加游戏:"+userName+"</b></font>")
}
function playGame(choose) { //创建一个游戏操作过程的函数
with (document.game) {
var result = Math.round((Math.random() * 2) + 1);//定义一个电脑选择对象.赋值随机整数1~3
var choosename;
if (result == 1) chooseName = "剪刀"; //如果result变量为1时.变量chooseName赋值为"剪刀"
if (result == 2) chooseName = "石头";
if (result == 3) chooseName = "布";
msg.value = "电脑:" + chooseName + "; ";
//计算参数的值,并与下面做比较
switch(choose)
{
case 1 : //玩家选择剪刀
if (result == 1)
{
draw.value++;
msg.value +="平局.";
break; //跳出switch语句
}
if (result == 2)
{
lose.value++;
msg.value += "电脑胜";
break;
}
if (result == 3)
{
win.value++;
msg.value += "恭喜"+userName+',您赢了';
break;
}
case 2 :
if (result == 1)
{
win.value++;
msg.value += '恭喜'+userName+',您赢了';
break;
}
if (result == 2)
{
draw.value++;
msg.value += '平局.';
break;
}
if (result == 3)
{
lose.value++;
msg.value += '电脑胜';
break;
}
case 3 :
if (result == 1)
{
lose.value++;
msg.value += '电脑胜';
break;
}
if (result== 2)
{
win.value++;
msg.value += '恭喜'+userName+',您赢了';
break;
}
if (result== 3)
{
draw.value++;
msg.value += '平局.';
break;
}
}
msg.value += '(第'+jushu+'局第'+bashu+'把)';
bashu ++; //把数+1 //五局结束后
var shengli=document.getElementById("win").value
var shibai=document.getElementById("lose").value
var pinju=document.getElementById("draw").value
var N=jushu;
if(bashu%5==1)
{
bashu = 1 //把数等于1
jushu++;
if(shengli>shibai)
{
msg.value+="第"+N+"局"+userName+"胜利"
}
else if(shengli<shibai)
{
msg.value+="第"+N+"局,电脑胜"
}
else{
msg.value+="第"+N+"局,平局"
}
//胜.负.平的值返回0
document.getElementById("win").innerHTML="0";
document.getElementById("lose").innerHTML="0";
document.getElementById("draw").innerHTML="0";
}
}
}
</script>
</head><body><hr size="2" color="royalblue"><center>
<form name="game">
<table border="1" cellpadding="5" background="../My%20Documents/新建文件夹/b.jpg" height="150" width="415">
<tr>
<td align="center" height="62"><font color="blue" size="5">Player:
</font></td>
<td align="center" height="62"><a href="javascript:void(0);">
<img src="../My%20Documents/新建文件夹/剪子.bmp" width="46" height="43" border="0" onclick="playGame(1)">
</a></td>
<td align="center" height="62"><a href="javascript:void(0);">
<img src="../My%20Documents/新建文件夹/石头.bmp" width="46" height="43" border="0" onclick="playGame(2)">
</a></td>
<td align="center" height="62"><a href="javascript:void(0);">
<img src="../My%20Documents/新建文件夹/布.bmp" width="46" height="43" border="0" onclick="playGame(3)">
</a></td>
</tr>
<tr>
<td colspan="4" align="center"> </td>
</tr>
<tr>
<td colspan="4" align="center"><font color="blue" face="幼圆"><b>
<input type="text" id="win" value="0" size="2"> 胜
<input type="text" id="lose" value="0" size="2">输
<input type="text" id="draw" value="0" size="2">平 </b></font></td>
</tr>
</table>
<p><textarea rows="5" name="msg" cols="57"></textarea></p>
</form>
</center>
<p></p></body></html>
document.getElementById("lose").value="0";
document.getElementById("draw").value="0";
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>剪刀 石头 布 </title>
<script type="text/javascript">
var jushu = 1; //局数
var bashu = 1; //把数
var userName=prompt("请玩家输入您的姓名","玩家") //定义变量,并把prompt()方法的返回值赋予给变量
if(userName=="") //如果变量值为空
{
document.write("您还没有输入您的姓名")
}
else if(userName==null)
{
document.write("您取消了姓名输入")
}
else
{
document.write(" <font color='royalblue' face='幼圆'> <b>"+"欢迎您来参加游戏:"+userName+" </b> </font>")
}
function playGame(choose) { //创建一个游戏操作过程的函数
with (document.game) {
var result = Math.round((Math.random() * 2) + 1);//定义一个电脑选择对象.赋值随机整数1~3
var choosename;
if (result == 1) chooseName = "剪刀"; //如果result变量为1时.变量chooseName赋值为"剪刀"
if (result == 2) chooseName = "石头";
if (result == 3) chooseName = "布";
msg.value += "电脑:" + chooseName + "; ";
//计算参数的值,并与下面做比较
switch(choose)
{
case 1 : //玩家选择剪刀
if (result == 1)
{
draw.value++;
msg.value +="平局.";
break; //跳出switch语句
}
if (result == 2)
{
lose.value++;
msg.value += "电脑胜";
break;
}
if (result == 3)
{
win.value++;
msg.value += "恭喜"+userName+',您赢了';
break;
}
case 2 :
if (result == 1)
{
win.value++;
msg.value += '恭喜'+userName+',您赢了';
break;
}
if (result == 2)
{
draw.value++;
msg.value += '平局.';
break;
}
if (result == 3)
{
lose.value++;
msg.value += '电脑胜';
break;
}
case 3 :
if (result == 1)
{
lose.value++;
msg.value += '电脑胜';
break;
}
if (result== 2)
{
win.value++;
msg.value += '恭喜'+userName+',您赢了';
break;
}
if (result== 3)
{
draw.value++;
msg.value += '平局.';
break;
}
}
msg.value += '(第'+jushu+'局第'+bashu+'把)\n';
bashu ++; //把数+1 //五局结束后
var shengli=document.getElementById("win").value
var shibai=document.getElementById("lose").value
var pinju=document.getElementById("draw").value
var N=jushu;
if(bashu%5==1)
{
bashu = 1 //把数等于1
jushu++;
if(shengli>shibai)
{
msg.value+="第"+N+"局"+userName+"胜利\n"
}
else if(shengli <shibai)
{
msg.value+="第"+N+"局,电脑胜\n"
}
else{
msg.value+="第"+N+"局,平局\n"
}
//胜.负.平的值返回0
document.getElementById("win").value="0";
document.getElementById("lose").value="0";
document.getElementById("draw").value="0";
}
}
}
</script>
</head> <body> <hr size="2" color="royalblue"> <center>
<form name="game">
<table border="1" cellpadding="5" background="../My%20Documents/新建文件夹/b.jpg" height="150" width="415">
<tr>
<td align="center" height="62"> <font color="blue" size="5">Player:
</font> </td>
<td align="center" height="62"> <a href="javascript:void(0);">
<img src="../My%20Documents/新建文件夹/剪子.bmp" width="46" height="43" border="0" onclick="playGame(1)">
</a> </td>
<td align="center" height="62"> <a href="javascript:void(0);">
<img src="../My%20Documents/新建文件夹/石头.bmp" width="46" height="43" border="0" onclick="playGame(2)">
</a> </td>
<td align="center" height="62"> <a href="javascript:void(0);">
<img src="../My%20Documents/新建文件夹/布.bmp" width="46" height="43" border="0" onclick="playGame(3)">
</a> </td>
</tr>
<tr>
<td colspan="4" align="center"> </td>
</tr>
<tr>
<td colspan="4" align="center"> <font color="blue" face="幼圆"> <b>
<input type="text" id="win" value="0" size="2"> 胜
<input type="text" id="lose" value="0" size="2">输
<input type="text" id="draw" value="0" size="2">平 </b> </font> </td>
</tr>
</table>
<p> <textarea rows="5" name="msg" cols="57"> </textarea> </p>
</form>
</center>
<p> </p> </body> </html>