js打怪兽（构造函数）

Posted 2022-02-04 emm_10_01

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了js打怪兽（构造函数）相关的知识，希望对你有一定的参考价值。

运行结果：

下面是详细代码（复制粘贴即可）：

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
        // 案例：英雄打怪兽
        // 创建一个构造函数 （英雄和怪兽），攻击力(100)、防御力(50)、暴击率(随机一个数5的倍数 攻击力*2)
        // 伤害值 = 攻击力 - 防御力
        // 伤害值最小为1

        // 直到一方死掉为止  hp <= 0

        // 将整个游戏过程输出

        function CreateHero(name, attack, defence, hp, CritRate) 
            this.name = name;
            this.attack = attack;
            this.defence = defence;
            this.hp = hp;
            this.CritRate = CritRate;


            // 击打的方法 
            // hero.impact(boss)
            // boss.impact(hero)
            this.impact = function (name) 
                sh = this.attack - name.defence; //造成的伤害

                name.hp -= sh; //剩余的血量值

                bj = this.CritRate / 100; //指定暴击率

                // console.log(bj);
                bjl = Math.random(); //随机暴击率

                isBj = false; //初始化动态触发暴击为无暴击
                // console.log(sh);
            
            console.log(`$this.name\\t攻击力：$this.attack\\t防御力：$this.defence\\t生命值：$this.hp\\t暴击率：$this.CritRate`)

        

        // 创建英雄和怪兽各自的构造函数
        var hero = new CreateHero('英雄', 300, 50, 1000, 30);
        console.log('VS');
        var boss = new CreateHero('怪兽', 200, 0, 800, 5);

        // 循环双方击打的次数
        while (true) 
            hero.impact(boss);
            heroSh = sh; //定义一个变量接收英雄造成的伤害
            boss.impact(hero);

            // 判断随机暴击率小于指定暴击率的时，触发英雄的暴击率
            if (bjl <= bj) 
                isBj = true;
                // sh *= 2;
                heroSh *= 2; //造成的伤害加倍
            

            // 造成伤害不能小于1
            if (sh < 1) 
                sh = 1;
            

            // 判断双方剩余的血量值
            if (boss.hp > 0 && hero.hp > 0) 

                console.log(`【$hero.name】打【$boss.name】 造成伤害：【$heroSh】 当前血量为:【$boss.hp】`);

                console.log(`$isBj?'暴击！':'' 【$boss.name】打【$hero.name】 造成伤害：【$sh】 当前血量为:【$hero.hp】`);

             else if (boss.hp <= 0)  //当Boss血量值小于等于0时,hero  is  win
                console.log(`【$boss.name】当前血量为:【$0】is die`);
                console.log(`【$hero.name】win`);
                break;
             else if (hero.hp <= 0)  //当hero血量值小于等于0时,boss  is  win
                console.log(`【$hero.name】当前血量为:【$0】is die`);
                console.log(`【$boss.name】win`);
                break;
            

        
    </script>
</body>

</html>

以上是关于js打怪兽（构造函数）的主要内容，如果未能解决你的问题，请参考以下文章