前端 - JavaScript 练习 - 模拟新人加群逻辑流程

最新推荐文章于 2024-05-20 15:17:08 发布

一只小网虫

最新推荐文章于 2024-05-20 15:17:08 发布

阅读量185

点赞数 2

分类专栏： ECMAScript 练习文章标签： javascript vscode 前端

本文链接：https://blog.csdn.net/m0_48407729/article/details/120071763

版权

ECMAScript 练习专栏收录该内容

12 篇文章 1 订阅

订阅专栏

（一）初始版本

<!--
 * @Date: 2021-09-02 19:41:01
 * @LastEditTime: 2021-09-02 22:43:52
 * @总结: 
-->
<!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>08-新人加群</title>
</head>

<body>
    <script>
        var question;

        alert('欢迎新人进群~~');

        alert('请根据提示，改备注');


        //通过 prompt 获取用户输入的值;

        var sex = prompt('请输入你的性别：男/女');

        //进行判断，当输入值 !== 男 && !== 女 时，进行一个循环，直到条件满足退出循环;

        while (sex !== '男' && sex !== '女') {

            alert('输入格式错误！');

            var sex = prompt('请输入你的性别：男/女');

        }

        //当获取到用户正确的输入值之后，进行判断;

        if (sex == '男') {

            //当为男的时候，通过提示，让用户发红包;

            var money = prompt('发红包请输入：发了/不发');

            //进行判断，当输入值 !== '发了' && money !== '不发' 时，进行一个循环，直到条件满足退出循环;

            while (money !== '发了' && money !== '不发') {

                alert('输入格式错误！');

                var money = prompt('发红包请输入：发了/不发');
            }


            //当获取到用户正确的输入值之后，进行判断;

            if (money == '发了') {

                question = prompt('可以提问题,请输入你的问题');
                document.write('问题：' + question);

            } else if (money == '不发') {

                alert('再见！');

            }

        } else if (sex == '女') {

            //当为女的时候，通过提示，让用户爆照。

            var photo = confirm('是否爆照？ 点击确定：是； 点击取消： 否；');

            // var photo = prompt('是否爆照？ 请输入：爆了/不爆');

            //进行判断，当输入值 !== '爆了' && photo !== '不爆' 时，进行一个循环，直到条件满足退出循环;

            // while (photo !== '爆了' && photo !== '不爆') {

            //     alert('输入格式错误！');

            //     var photo = prompt('爆照 请输入：爆了/不爆');

            // }

            //当获取到用户正确的输入值之后，进行判断；

            if (photo) {

                question = prompt('可以提问题,请输入你的问题');

            } else {

                //当用户 选择为 false 进入一个循环，直到条件满足，跳出循环；

                while (!photo) {

                    prompt('唱歌！请输入歌名：');

                    alert('坐等被调戏');

                    photo = confirm('是否爆照？');

                }

                question = prompt('可以提问题,请输入你的问题');

            }

            document.write('问题：' + question);
        }
    </script>
</body>

</html>

（二）改进版本

<!--
 * @Date: 2021-09-02 19:41:01
 * @LastEditTime: 2021-09-03 10:30:29
 * @总结: 
-->
<!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>08-新人加群</title>
</head>

<body>
    <script>
        var question;

        alert('欢迎新人进群~~');

        alert('请根据提示，改备注');


        //通过 prompt 获取用户输入的值;

        var sex = prompt('请输入你的性别：男/女');

        //进行判断，当输入值 !== 男 && !== 女 时，进行一个循环，直到条件满足退出循环;

        while (sex !== '男' && sex !== '女') {

            alert('输入格式错误！');

            var sex = prompt('请输入你的性别：男/女');

        }

        //当获取到用户正确的输入值之后，进行判断;

        if (sex == '男') {

            //当为男的时候，通过提示，让用户发红包;

            var money = prompt('发红包请输入：发了/不发');

            //进行判断，当输入值 !== '发了' && money !== '不发' 时，进行一个循环，直到条件满足退出循环;

            while (money !== '发了' && money !== '不发') {

                alert('输入格式错误！');

                var money = prompt('发红包请输入：发了/不发');
            }


            //当获取到用户正确的输入值之后，进行判断;

            if (money == '发了') {

                question = prompt('可以提问题,请输入你的问题');
                document.write('问题：' + question);

            } else if (money == '不发') {

                alert('再见！');

            }

        } else if (sex == '女') {

            //通过使用 for 实现死循环，当条件满足时，给出一个 break 退出循环

            for (var j = 0; true; j++) {
                
                //通过提示，让用户爆照。

                var photo = prompt('是否爆照？ 请输入：爆了/不爆');

                //进行判断，当输入值 !== '爆了' && photo !== '不爆' 时，进行一个循环，直到条件满足退出循环;

                while (photo !== '爆了' && photo !== '不爆') {

                    alert('输入格式错误！');

                    var photo = prompt('爆照 请输入：爆了/不爆');

                }

                //当用户键入值 == 爆了  执行并通过 break 退出循环
                if (photo == '爆了') {

                    question = prompt('可以提问题,请输入你的问题');

                    document.write('问题：' + question);

                    break;

                } else {
                    
                    
                    prompt('唱歌！请输入歌名：');

                    alert('坐等被调戏');

                }

            }

        }
    </script>
</body>

</html>