11.3.1 掷骰子游戏.html

javascript即用即差核心对象手册

<div style="background-color:#CCCCCC">
<form>
    <label id="cap"></label><br />
	<label id="money"></label><br>
	选点<input type="button" value=">>>大<<<" name="large" onclick="setLarge()"/>
	    <input type="button" value=">>>小<<<" name="little" onclick="setLittle()"><br>
	下注<input type="text" name="zhu" size="21"><br>
	&nbsp;&nbsp;
	<input type="button" value="       开盘      " onClick="writeResult()"/>
</form>
</div>
<hr>
<div id="reslt"></div>
<script>
   var yourNum;
   var resultNum;
   var allMoney=300;
   writeInfo("掷骰子");
   document.getElementById("money").innerText="你的现金为:"+allMoney;
   //选择大点
   function setLarge()
   {
      yourNum=1;
   }
   //选择小点
   function setLittle()
   {
      yourNum=0;
   }
   //输出标题
   function writeInfo(str)
   {
      str=str.fontsize(10);
	  str=str.fontcolor("red");
	  document.getElementById("cap").innerHTML=str;
   }
   //随机生成点数可能的值为1、2、3、4、5、6
   function getNumber()
   {
      var checkNum=Math.random()*6;
	  checkNum=Math.floor(checkNum)+1;
      resultNum=checkNum;
   }
   //判断是否赢了
   function isWinner()
   {
      var checker;
	  if (resultNum>=4) 
	     checker=1;
	  else
	     checker=0;
	  if(checker==yourNum)
	    return true;
	  else	
		return false; 	  
   }
   //输出次赌结果
   function writeResult()
   {
       var str="你选择的是";
	   var pay=eval(document.forms[0].zhu.value);
	   if( !(pay>0))
	   {
	      alert("请下注！！");
		  document.forms[0].zhu.focus();
		  return;
	   }
	   getNumber();
	   if(yourNum==1) 
	      str+="大";
	   else
		  str+="小"; 
	   str+=",结果为"+resultNum;
	   if (isWinner())
	      {
		      str+="，你赢了！";
			  str+=pay;  
			  str=str.fontcolor("blue");//绿色输出赢分信息
			  writeInfo("运气不错");
		  }
	   else
	      {
		      str+=",你输了!";	
			  pay*=-1;
			  str+=pay;   
			  str=str.fontcolor("red");//红色输出输分信息
			  writeInfo("要加油啊");
			  
		  }
	   allMoney+=pay;
	  document.getElementById("reslt").innerHTML+=str.bold()+"<br>";
	  document.getElementById("money").innerHTML=("你的现金为:"+allMoney).fontcolor("red");
	  document.forms[0].zhu.value="";
   }
</script>