javascript技巧

关注公众号 jb51net

关闭
首页 > 网络编程 > JavaScript > javascript技巧 > JS猜拳游戏

JS实现猜拳游戏

作者:high big up

这篇文章主要为大家详细介绍了JS实现猜拳游戏,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

本文实例为大家分享了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);

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

您可能感兴趣的文章:
阅读全文