⭐ 欢迎来到虫虫下载站！ | 📦 资源下载 📁 资源专辑 ℹ️ 关于我们
⭐ 虫虫下载站
📤 上传资源

📄 ch13_5.htm

📁 名字是《JavaScript从入门到精通》。但是其实是JavaScript的一些比较简单实用的例子
💻 HTM
字号:
🔍 
   <!--======================================-->
 <!--  范例程序 CH13_5.HTML                 -->
 <!--======================================-->
 <HTML>
 <HEAD>
 <TITLE>井字游戏</TITLE>
 <Script Language="JavaScript">
 
   var status=new Array(3)
   status[0]=new Array(3)
   status[1]=new Array(3)
   status[2]=new Array(3)
   var clicktimes=0
   for(i=0;i<=2;i++)
   {
     for(j=0;j<=2;j++)
     {
       status[i][j]=0
     }
   }
   var turn=1
   
   function checkname()
   {
     p1=document.ThisForm.Player1.value
     p2=document.ThisForm.Player2.value
     if(p1!="" && p2!="")
     {
       if(turn==1)
       {
         show=p1+", 轮到您了!"
       }
       else
       {
         show=p2+", 轮到您了!"
       }      
       document.ThisForm.Msg.value=show
       return("ok")
     }
     else
     {
       document.ThisForm.Msg.value= "请输入玩家姓名!"
       return("")
     }
   }
   
   function judge(x,y)
   {
     if(status[x][y]==0 && checkname()=="ok")
     {
       clicktimes++
       p1=document.ThisForm.Player1.value
       p2=document.ThisForm.Player2.value
       if(turn==1)
       {
         document.ThisForm.elements[3*x+y+3].
                  value="   Ｏ   "
       }
       else
       {
         document.ThisForm.elements[3*x+y+3].
                  value="   Ｘ   "
       }      
       status[x][y]=turn
       if(turn==1) 
       {
         turn=2
         show=p2+", 轮到您了!"        
       }
       else
       {
         turn=1
         show=p1+", 轮到您了!"        
       }
       document.ThisForm.Msg.value=show
     }
     feedback=winner()+0
     if(feedback==1)
     {
       alert(p1+"获胜!")
       restart()
     }
     if(feedback==2)
     {
       alert(p2+"获胜!")
       restart()
     }
     if(feedback==0 && clicktimes==9)
     {
       alert("平分秋色,再来一盘吧!")
       restart()
     }    
   }  
   
   function winner()
   {
     flag=0
     for(i=0;i<=2;i++)
     {
       score=status[i][0]*100+status[i][1]*10+
             status[i][2]
       if(score==111) flag=1
       if(score==222) flag=2
       score=status[0][i]*100+status[1][i]*10+
             status[2][i]
       if(score==111) flag=1
       if(score==222) flag=2
     }
     if(status[0][0]==1 && status[1][1]==1 && 
        status[2][2]==1) flag=1
     if(status[0][2]==1 && status[1][1]==1 && 
        status[2][0]==1) flag=1
     if(status[0][0]==2 && status[1][1]==2 && 
        status[2][2]==2) flag=2
     if(status[0][2]==2 && status[1][1]==2 && 
        status[2][0]==2) flag=2
     return(flag)
   }
   
   function restart()
   {
     for(i=0;i<=2;i++)
     {
       for(j=0;j<=2;j++)
       {
         status[i][j]=0
       }
     }
     turn=1
     checkname()
     for(i=3;i<=11;i++)
     {
       document.ThisForm.elements[i].
                value="          "      
     }
   }
   
 </Script>  
 </HEAD>
 
 <BODY BackGround="bg.jpg">
 <Center><Font Color=Red Size=4>
 井字游戏
 </Font></Center>
 
 <FORM Name="ThisForm">
 玩家一：<INPUT TYPE=Text Name="Player1"
           OnChange="checkname()">(代表Ｏ)<BR>
 玩家二：<INPUT TYPE=Text Name="Player2"
           OnChange="checkname()">(代表Ｘ)<BR>
 <DIR>
 <TABLE BORDER=1 Width=160>
 <TR><TD Colspan=3><INPUT TYPE=Text Name="Msg"
      value="请输入玩家姓名!"></TD></TR>
 <TR><TD><INPUT TYPE=Button Name=S00 Value=
 "          " OnClick="judge(0,0)"></TD>
     <TD><INPUT TYPE=Button Name=S01 Value=
 "          " OnClick="judge(0,1)"></TD>
     <TD><INPUT TYPE=Button Name=S02 Value=
 "          " OnClick="judge(0,2)"></TD></TR>
 <TR><TD><INPUT TYPE=Button Name=S10 Value=
 "          " OnClick="judge(1,0)"></TD>
     <TD><INPUT TYPE=Button Name=S11 Value=
 "          " OnClick="judge(1,1)"></TD>
     <TD><INPUT TYPE=Button Name=S12 Value=
 "          " OnClick="judge(1,2)"></TD></TR>
 <TR><TD><INPUT TYPE=Button Name=S20 Value=
 "          " OnClick="judge(2,0)"></TD>
     <TD><INPUT TYPE=Button Name=S21 Value=
 "          " OnClick="judge(2,1)"></TD>
     <TD><INPUT TYPE=Button Name=S22 Value=
 "          " OnClick="judge(2,2)"></TD></TR>
 </TABLE>
 </DIR>
 </FORM>
 
 </BODY>
 </HTML>

⌨️ 快捷键说明

复制代码 Ctrl + C
搜索代码 Ctrl + F
全屏模式 F11
切换主题 Ctrl + Shift + D
显示快捷键 ?
增大字号 Ctrl + =
减小字号 Ctrl + -