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);

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持自学编程网。

编程技巧