邹阳|zouyang's blog学无止境,聚沙成塔,无所畏惧

位置: 首页 » 学习 » 结合Ajax的剪刀石头布  [阅读繁体版本]

结合Ajax的剪刀石头布

     向朱杰同志学习,写个剪刀石头布小游戏,不过我这个画面很烂

    程序如下:

morra.html

<html>
<head>
<meta http-equiv="Content-Language" content="en" />
<meta name="GENERATOR" content="Zend Studio" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>morra game</title>
<script type="text/javascript">
var xmlHttp;
var selected;
function clickHandle()
{
 //xmlHttp=new ActiveXObject('MSXML2.XMLHTTP.3.0');//IE
 xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
 var morra=document.getElementsByName('morra');
 var morraLength=morra.length;
 for(i=0;i<morraLength;i++)
 {
  if(morra[i].checked==true)
  {
   selected=morra[i].value;
  }
 }
 var url='/ajax/morra/morra.php?morra='+selected+'&id='+Math.random();
 xmlHttp.open('GET',url,true);
 xmlHttp.onreadystatechange=handleStateChange;
 xmlHttp.send(null);
}
function handleStateChange()
{
  if(xmlHttp.readyState == 4 && xmlHttp.status == 200)//readyState有多个值,其中4表示提交的请求已成功完成。200表示状态正常
 {
  //alert(xmlHttp.responseText);
  var show=document.getElementById('show');
  show.innerHTML=xmlHttp.responseText;
 }
}
</script>
</head>
<body bgcolor="#FFFFFF" text="#000000" link="#FF9966" vlink="#FF9966" alink="#FFCC99">
<form action="" method="POST">
<table border="1">
<tr>
<td>剪刀</td>
<td>石头</td>
<td>布</td>
</tr>

<tr>
<td><input type="radio" name="morra" id="morra1" value="forfex" /></td>
<td><input type="radio" name="morra" id="morra2" value="stone" /></td>
<td><input type="radio" name="morra" id="morra3" value="fabric" /></td>
</tr>
</table>
<input type="button" name="ok" id="ok" value="出拳" onclick="clickHandle()" />
</form>
<div id="show"></div>
</body>
</html>

 

morra.php

<?php
$randomMorra=rand(1,3);
if($_GET['morra']=='forfex')
{
 if($randomMorra==1)
 {
  echo "<table border=1><tr><td>YOU</td><td>PC</td></tr><tr><td>剪刀</td><td>剪刀</td></tr></table>";
  echo "<br>";
  echo '打平了,请再来一次';
 }
 if($randomMorra==2)
 {
  echo "<table border=1><tr><td>YOU</td><td>PC</td></tr><tr><td>剪刀</td><td>石头</td></tr></table>";
  echo "<br>";
  echo '你输了';
 }
 if($randomMorra==3)
 {
  echo "<table border=1><tr><td>YOU</td><td>PC</td></tr><tr><td>剪刀</td><td>布</td></tr></table>";
  echo "<br>";
  echo '你赢老';
 }
}
if($_GET['morra']=='stone')
{
 if($randomMorra==1)
 {
  echo "<table border=1><tr><td>YOU</td><td>PC</td></tr><tr><td>石头</td><td>石头</td></tr></table>";
  echo "<br>";
  echo '打平了,请再来一次';
 }
 if($randomMorra==2)
 {
  echo "<table border=1><tr><td>YOU</td><td>PC</td></tr><tr><td>石头</td><td>布</td></tr></table>";
  echo "<br>";
  echo '你输了';
 }
 if($randomMorra==3)
 {
  echo "<table border=1><tr><td>YOU</td><td>PC</td></tr><tr><td>石头</td><td>剪刀</td></tr></table>";
  echo "<br>";
  echo '你赢老';
 }
}
if($_GET['morra']=='fabric')
{
 if($randomMorra==1)
 {
  echo "<table border=1><tr><td>YOU</td><td>PC</td></tr><tr><td>布</td><td>布</td></tr></table>";
  echo "<br>";
  echo '打平了,请再来一次';
 }
 if($randomMorra==2)
 {
  echo "<table border=1><tr><td>YOU</td><td>PC</td></tr><tr><td>布</td><td>剪刀</td></tr></table>";
  echo "<br>";
  echo '你输了';
 }
 if($randomMorra==3)
 {
  echo "<table border=1><tr><td>YOU</td><td>PC</td></tr><tr><td>布</td><td>石头</td></tr></table>";
  echo "<br>";
  echo '你赢老';
 }
}
?>

发表评论:

最近发表

最新评论及回复

Copyright xxxx-xxxx Your WebSite. Some Rights Reserved.渝ICP备08000190号
Powered By Z-Blog 1.8 Spirit Build 80605  Skin By Stephen