今天通过制作一个简单的游戏来练习Js。 在屏幕中出现三个按钮 石头 剪刀 布,点击后 显示电脑随机出了什么和结果,同时还有一个记录赢了多少次的功能。
先做好外观,丑陋无比,主要是练习JS,就凑合着吧。
分数计算方法为胜利+1 失败-1
这里需要变量player存储输入的选项,变量com存储随机生成的选项,变量result存储本次结果,变量score存储到现在的分数。
比较大小方法
假设石头为2,剪刀为1,布为0,
胜利:
2-1=1
1-0=1
0-2=-2
失败:
0-1=-1
1-2=-1
2-0=2
可以看到,只需要根据按钮点击,给player赋值,然后com从(0,1,2)中随机选取,相减然后通过差,就可以判断出结果。
在实现中的第一点是通过按键给player赋值。 这里最笨的办法是把player写成全局变量,然后按不同的键执行不同的func给player赋值。 噢,这样太蠢了,我的做法是把游戏函数设定了一个参数,然后点击之后直接传给函数参数。
第二点是随机数的取得,这个不难,具体算法是先用自带的随机数生成器生成一个0-1的浮点数,然后把它乘3,再取它的整数位即可。
引申下,如果想取得一个(n,m)的随机整数,算法如下
c=m-n+1
rd=浮点数*c+n
对这个rd取整数位即可。
第三点就是对Result的写法,这里做法是永远都先从html中读取数值,然后使用parseInt()函数取得他的值,然后进行处理,再写回去。
源代码如下,
<!DOCTYPE html>
<html>
<