posts - 10,  comments - 19,  trackbacks - 4
  2004年12月29日
JavaScript 第二帖
井字棋

<html>
<head>
</head>
<script language="javascript">
var index=-1;
////////////
function play(buttons)
{
    index=-1*index;
    if(index==1)
    {
        buttons.value="#";
        getWiner();
        return false;
    }
    buttons.value="&";
}
/////////////
function getWiner()
{
    if(form1.B1.value!=""&&form1.B1.value==form1.B2.value&&form1.B1.value==form1.B3.value)//1
    {
        alert(form1.B1.value+" is the winer!");
    }
    if(form1.B1.value!=""&&form1.B1.value==form1.B4.value&&form1.B1.value==form1.B7.value)//2
    {
        alert(form1.B1.value+" is the winer!");
    }
    if(form1.B1.value!=""&&form1.B1.value==form1.B5.value&&form1.B1.value==form1.B9.value)//3
    {
        alert(form1.B1.value+" is the winer!");
    }
    if(form1.B2.value!=""&&form1.B2.value==form1.B5.value&&form1.B2.value==form1.B8.value)//4
    {
        alert(form1.B2.value+" is the winer!");
    }
    if(form1.B3.value!=""&&form1.B3.value==form1.B6.value&&form1.B3.value==form1.B9.value)//5
    {
        alert(form1.B3.value+" is the winer!");
    }
    if(form1.B3.value!=""&&form1.B3.value==form1.B5.value&&form1.B3.value==form1.B7.value)//6
    {
        alert(form1.B3.value+" is the winer!");
    }
    if(form1.B4.value!=""&&form1.B4.value==form1.B5.value&&form1.B4.value==form1.B6.value)//7
    {
        alert(form1.B4.value+" is the winer!");
    }
    if(form1.B7.value!=""&&form1.B7.value==form1.B8.value&&form1.B7.value==form1.B9.value)//8        
    {
        alert(form1.B7.value+" is the winer!");
    }
    return false;
}
</script>
 <body>
   <form method="POST" name="form1" >

         <table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="20%" height="89">
       <tr>
         <td width="33%" height="31" align="center">
         <p align="center"><input type="button" name="B1" onClick="play(this)"></td>
         <td width="33%" height="31" align="center">
         <p align="center"><input type="button" name="B2" onClick="play(this)"></td>
         <td width="34%" height="31" align="center">
         <input type="button" name="B3" onClick="play(this)"></td>
       </tr>
       <tr>
         <td width="33%" height="29" align="center">
         <input type="button" name="B4" onClick="play(this)"></td>
         <td width="33%" height="29" align="center">
         <input type="button" name="B5" onClick="play(this)"></td>
         <td width="34%" height="29" align="center">
         <input type="button" name="B6" onClick="play(this)"></td>
       </tr>
       <tr>
         <td width="33%" height="29" align="center">
         <input type="button" name="B7" onClick="play(this)"></td>
         <td width="33%" height="29" align="center">
         <input type="button" name="B8" onClick="play(this)"></td>
         <td width="34%" height="29" align="center">
         <input type="button" name="B9" onClick="play(this)"></td>
       </tr>
     </table>
   </form>
 </body>
</html>
posted @ 2004-12-29 21:11 zfphere 阅读(596) 评论(0) 编辑
自己的第一个Javascript程序
正如 灵感之源所说，语言是相通的！
不过到现在，好象还没专门的Javascript调试环境
还好Mozilla里面带了个，昨天刚下载的，感觉还不错
<html>
<head>
</head>
<script language="javascript">
function Check()
{
  if(form1.tbx1.value.length<1)
     {
         alert("姓名不能为空！","警告");
         return false;
     }     
  if(form1.tbx2.value.length<1)
     {
         alert("密码不能为空！","警告");
         return false;
     }
  var sum=eval(form1.tbx1.value+form1.tbx2.value);
  alert(sum,"警告");
}
function input(select)
{
 if(select==1)
   {
       form1.tbx1.value=prompt("input first one number:","");
       return false;
   }
 form1.tbx2.value=prompt("input second one number:","");
 return false;
}
</script>
 <body>
   <form method="POST" name="form1" >
     <p>
     姓名：<input type="text" name="tbx1" size="20" onFocus="input(1)" > 
     密码：<input type="text" name="tbx2" size="20" onFocus="input(2)" ></p>
     <p><input type="button" value="提交" name="btn1" onClick="Check()">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
     <input type="button" value="重置" name="Btn2"></p>
   </form>
   <br>
   <script language="javascript">
     //alert("这是我的第一个测试！","呵呵");
       document.writeln("it works <br>"+" and I love it");  
  //     var colors = prompt("输入您需要的颜色:","#ff00ff");
  //     document.write("您选择的颜色是：<font color=#ff00ff>"+colors+"</font>");
    </script>
 </body>
</html>
posted @ 2004-12-29 18:10 zfphere 阅读(1373) 评论(2) 编辑
Copyright ©2012 zfphere Powered By: 博客园 模板提供：沪江博客
<2004年12月>
日一二三四五六
2829301234
567891011
12131415161718
19202122232425
2627282930311
2345678

昵称：zfphere
园龄：7年7个月
粉丝：1
关注：0

搜索

 
 

常用链接

随笔分类

随笔档案

相册

积分与排名

  • 积分 - 41800
  • 排名 - 2553

最新评论

阅读排行榜

评论排行榜

推荐排行榜