您当前的位置:首页 > 网站建设 > javascript
| php | asp | css | H5 | javascript | Mysql | Dreamweaver | Delphi | 网站维护 | 帝国cms | React | 考试系统 | ajax |

JS实现猜拳游戏

51自学网 2022-05-02 21:34:58
  javascript

本文实例为大家分享了JS实现猜拳游戏的具体代码,供大家参考,具体内容如下

一、简单版猜拳游戏

编写一个用户和计算机猜拳的游戏,用户输入剪刀、石头或布,与计算机的出拳进行比较,判断胜负。

分析:

1、首先得用prompt()方法建立一个用户输入框;
2、核心是用到Math.random()这个函数,该函数的作用是取[0,1)之间的随机数,可以利用这个函数让计算机随机出拳;
3、用if-else语句判断会出现的各种结果并作出判定;

具体代码如下:

/** * a是用户输入的内容 * b是计算机的随机内容 */var a = prompt('请输入1:剪刀 2:石头 3:布');var b = Math.random();if (b < 0.3) {    if (a == 1) {        alert('电脑出的剪刀,你出的剪刀,平手');    } else if (a == 2) {        alert('电脑出的剪刀,你出的石头,你输了');    } else {        alert('电脑出的剪刀,你出的布,你赢了');    }} else if (b < 0.6) {    if (a == 1) {        alert('电脑出的石头,你出的剪刀,你输了');    } else if (a == 2) {        alert('电脑出的石头,你出的石头,平手');    } else {        alert('电脑出的石头,你出的布,你赢了');    }} else {    if (a == 1) {        alert('电脑出的布,你出的剪刀,你赢了');    } else if (a == 2) {        alert('电脑出的布,你出的石头,你输了');    } else {        alert('电脑出的布,你出的布,平手');    }}

二、进阶版猜拳游戏

记录系统和玩家的分数,获胜者加1分,平局和输者不计分

分析:

1、在原来代码的基础上需要再增加两个变量,一个用来存储用户的总得分,另一个用来存储计算机的总得分;
2、需要用到for循环来限定对局次数;
3、得用alert()语句输出结果得分情况;

具体代码如下:

var sum=0;//人的分数var snm=0;//电脑分数for(var i=0;i<3;i++){    var a=prompt('请输入1、剪刀2、石头3、布');    var b=Math.random();    if (b < 0.3) {        if (a == 1) {            alert('电脑出的剪刀,你出的剪刀,平手');        } else if (a == 2) {            snm++;            alert('电脑出的剪刀,你出的石头,你输了');        } else {            sum++;            alert('电脑出的剪刀,你出的布,你赢了');        }    } else if (b < 0.6) {        if (a == 1) {            snm++;            alert('电脑出的石头,你出的剪刀,你输了');        } else if (a == 2) {            alert('电脑出的石头,你出的石头,平手');        } else {            sum++;            alert('电脑出的石头,你出的布,你赢了');        }    } else {        if (a == 1) {            sum++;            alert('电脑出的布,你出的剪刀,你赢了');        } else if (a == 2) {            snm++;            alert('电脑出的布,你出的石头,你输了');        } else {            alert('电脑出的布,你出的布,平手');        }    }}alert('电脑'+snm +'你的分数'+sum);

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持wanshiok.com。


教你JavaScript利用charAt()统计出现次数最多的字符和次数
Vue向下滚动加载更多数据scroll案例详解
51自学网,即我要自学网,自学EXCEL、自学PS、自学CAD、自学C语言、自学css3实例,是一个通过网络自主学习工作技能的自学平台,网友喜欢的软件自学网站。
京ICP备13026421号-1