欢迎来到代码驿站!

JavaScript代码

当前位置:首页 > 网页前端 > JavaScript代码

JS实现猜拳游戏

时间:2021-11-16 16:33:13|栏目: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);

上一篇:ES6模板字符串和标签模板的应用实例分析

栏    目:JavaScript代码

下一篇:JavaScript实现动态创建CSS样式规则方案

本文标题:JS实现猜拳游戏

本文地址:http://www.codeinn.net/misctech/183796.html

推荐教程

广告投放 | 联系我们 | 版权申明

重要申明:本站所有的文章、图片、评论等,均由网友发表或上传并维护或收集自网络,属个人行为,与本站立场无关。

如果侵犯了您的权利,请与我们联系,我们将在24小时内进行处理、任何非本站因素导致的法律后果,本站均不负任何责任。

联系QQ:914707363 | 邮箱:codeinn#126.com(#换成@)

Copyright © 2020 代码驿站 版权所有