<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>

解决方案 »

  1.   

    document.getElementById("win").value="0"; 
    document.getElementById("lose").value="0"; 
    document.getElementById("draw").value="0"; 
      

  2.   

    <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+'把)\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>