Javascript-----剪刀石头布小游戏

最新推荐文章于 2022-04-28 13:01:53 发布

原创最新推荐文章于 2022-04-28 13:01:53 发布 · 2.4k 阅读

7 ·

CC 4.0 BY-SA版权

本文介绍了一款简单的剪刀石头布游戏实现方法，通过JavaScript实现了用户与电脑的互动。文章详细展示了如何使用穷举法来覆盖所有可能的游戏场景，并通过随机数生成电脑的选择。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

分析：剪刀、石头、布

算法：穷举法(无论是用户还是电脑，都需要有三种情况，剪刀，石头，布，所以用穷举法是最能体现出这个游戏的所有的情况) 共分为三种情况：1.电脑赢 2.用户赢 3.平局玩家：电脑和用户必须让电脑随机产生数据（Math.random();）

伪代码：if(电脑==石头&&用户==剪刀||电脑==剪刀&&用户==布||电脑==布&&用户==石头){
cosnole.log('电脑赢了');
}else if(用户==电脑){
console.log('平局');
}else{
console.log(用户赢了);

}

分析完了，首先呢把产生的三个随机数分别定义为：剪刀、石头、布。怎么定义根据自己的情况，比如：小编我这里把“0”定义为石头，‘1’定义剪刀，‘2’定义为布

1.html代码

 <label for="">用户输入的是：</label><span id="txt-user"></span><br>
    <label for="">电脑输入的是：</label><span id="txt-computer"></span><br>
    <label for="">结果是：</label><span id="txt-result"></span><br>

2.JD

 <script type="text/javascript">
        var computer,user,result;//定义三个变量，一个用以存储用户输入的，一个用于存储电脑随机的，最后一个显示结果
        var tu=document.getElementById('txt-user');
        var tc=document.getElementById('txt-computer');
        var tr=document.getElementById('txt-result');
        //用户输入
        user=prompt("请用户输入你的数据？石头，剪刀，布");
        tu.innerHTML=user;
        //产生随机数
        var num=Math.random();
        num=parseInt((num*10)%3);
        switch(num){
            case 0:
            computer='石头';
            break;
            case 1:
            computer='剪刀';
            break;
            case 2:
            computer='布';
            break;
            default:
            computer='石头';
            break;
        }
        tc.innerHTML=computer;
        //游戏规则
        if (user=="石头"&&computer=="剪刀"||user=='剪刀'&&computer=='布'||user=='布'&&computer=='石头') {
           result='用户赢';
        }else if(user==computer){
            result='平局';
        }else{
            result='电脑赢';
        }
        tr.innerHTML=result;
    </script>