16、一个输赢游戏

16、一个输赢游戏

脚本说明:

第一步:把如下代码加入<head>区域中

<SCRIPT LANGUAGE="JavaScript">

<!-- Begin

function playGame(choice) {

with (document.game) {

comp = Math.round((Math.random() * 2) + 1);

var choicename;

if (comp == 1) choicename = "rock";

if (comp == 2) choicename = "paper";

if (comp == 3) choicename = "scissors";

msg.value = 'The computer chose ' + choicename + ';  ';

 

switch(choice) { // calculates score

case 1 : // rock

         if (comp == 1) {  draw.value++; msg.value += 'It is a draw.'; break; }

         if (comp == 2) {  loss.value++;  msg.value += 'You lost!';     break; }

         if (comp == 3) {  win.value++; msg.value += 'You won!';      break; }

case 2 : // paper

         if (comp == 1) {  win.value++;  msg.value += 'You won!';      break; }

         if (comp == 2) {  draw.value++; msg.value += 'It is a draw.'; break; }

         if (comp == 3) {  loss.value++; msg.value += 'You lost!';     break; }

case 3 : // scissors

         if (comp == 1) {  loss.value++;  msg.value += 'You lost!';     break; }

         if (comp == 2) {  win.value++; msg.value += 'You won!';      break; }

         if (comp == 3) {  draw.value++; msg.value += 'It is a draw.'; break; }

      }

      msg.value += '  Go again!';

   }

}

//  End -->

</script>

 

 

第二步:把如下代码加入<body>区域中

<form name=game>

<table border=1 cellpadding=5>

<tr>

<td align=center>User:</td>

<td align=center><a href="javascript:void(0);" onClick="playGame(1);"><img src="rock.gif" width=29 height=23 border=0></a></td>

<td align=center><a href="javascript:void(0);" onClick="playGame(2);"><img src="paper.gif" width=29 height=23 border=0></a></td>

<td align=center><a href="javascript:void(0);" onClick="playGame(3);"><img src="scissors.gif" width=29 height=23 border=0></a></td>

</tr>

<tr>

<td colspan=4 align=center><input type=text name=msg size=45></td>

</tr>

<tr>

<td colspan=4 align=center>

<input type=text name=win readonly value="0" size="2"> Wins 

<input type=text name=loss readonly value="0" size="2"> Losses  

<input type=text name=draw readonly value="0" size="2"> Draws

</td>

</tr>

</table>

</form>

 

Write a comment

Comments: 0