Web 20应用项目

骰子游戏(craps)主讲:宁恒生游戏界面游戏规则玩家掷一对骰子，我们关心的是两个骰子的数字之和，所以1和3与2和2是一样的两个骰子的数字之和可以是2到12中的任意一个数如果玩家是第一次掷出7或11，那么他就赢了如果玩家是第一次掷出2,3或12，那么他就输了如果玩家是第一次掷出4,5,6,8,9,10,则会记录玩家的点数，然后继续掷骰子继续掷骰子时如果掷出7，那么他就输了，而如果掷出第一次记录的玩家的点数，那么他就赢了，其他情况遵循继续掷骰子的规则玩家拥有一定数额的钱，如果赢了增加20个单位，如果输了减少10个单位，玩家可以充钱关键需求与实现技术需要提供一个按钮供玩家单击掷骰子，需要一个界面向玩家提供信息，告诉玩家发生了什么模拟随机掷出骰子需要使用根据条件作出决策的结构需要跟踪是第一次掷骰子还后续的一次掷骰子HTML5CSS3JavaScript使用文本提供信息实现使用HTML5的表单与输入控件向玩家提供信息的输入与输出输入控件button掷骰子/button表单：formname=f提示:inputname=stagereadonlyvalue=开始掷./点数:inputname=pvreadonlyvalue=/余额:inputname=banktype=numberstep=10value=0//form代码实现使用CSS3来格式化信息input{width:73px;border:1pxsolid;-webkit-border-radius:2px;}body{margin-left:50px;margin-top:50px;}代码使用窗口提供信息实现使用JavaScript语言变量，自定义函数,内置函数，if语句,Number对象定义变量:varbank自定义函数:functionthrowdice(){函数体}函数:alert在浏览器窗口显示文本信息语句:if根据条件进行决策Number对象:把字符串转换为数字代码根据点数判定输赢实现使用JavaScript中Math对象的random，floor函数产生随机数，switch语句进行决策random:产生一个0到1(不包括1)之间的一个小数floor:向下取整switch语句:根据条件进行决策String对象:把数字转换为字符串代码绘制赌桌绘制一个骰子绘制两个骰子绘制圆1,2,3绘制圆4,5,6