js重装第四天

最新推荐文章于 2024-05-17 13:52:13 发布

javascript高级程序员

最新推荐文章于 2024-05-17 13:52:13 发布

阅读量56

点赞数

分类专栏：新手文章标签： javascript 前端 vue.js

本文链接：https://blog.csdn.net/qq_42507764/article/details/127911083

版权

新手专栏收录该内容

18 篇文章 0 订阅

订阅专栏

<!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>
        // 开发一款软件(程序)，根据公式（真实身高-108）*2=标准体重  计算标准体重，可以有10斤上下的浮动。
        // 如果真实体重 大于 公式计算标准体重+10，就是超重；
        // 如果真实体重 小于 公式计算标准体重-10，就是偏瘦；
        // 如果真实体重在 公式计算值 +10 和 -10 的区间内，就是正常体重
        // 来观察测试者体重(斤)是否合适(身高：cm)
        // 真实身高 和 真实体重 需要输入(两个输入框)

            // // 输入 身高和体重
            // var sg = prompt('请输入你的身高（单位：cm）');
            // console.log(sg);
            // var tz = prompt('请输入你的体重(单位：斤)');
            // console.log(tz);

            // // 计算 标准体重
            // var bztz = (sg-108)*2;
            // console.log(bztz);

            // if(tz>bztz+10){
            //     alert('你太重了，少吃点吧');
            // }else if(tz<bztz-10){
            //     alert('你太轻了，是没钱吃饭吗');
            // }else if(tz>=bztz-10&&tz<=bztz+10){
            //     alert('简直不要太完美，身材真好');
            // }




        // 输入年月(数字:202204)，显示当月的天数   (考虑平年和闰年)
            // 输入 年月数字
            var yearMonth = prompt('请输入你你要查看的年月数字(数字:202204)');
            console.log(yearMonth);

            // 取出 年 和 月
            var year = parseInt(yearMonth/100);
            console.log(year);
            var month = yearMonth%100;
            console.log(month);

            switch(month){
                case 1:
                case 3:
                case 5:
                case 7:
                case 8:
                case 10:
                case 12:
                    alert(year+'年的'+month+'月有31天');
                    break;
                case 2:
                    if(year%4==0&&year%100!=0 || year%400==0){
                        alert(year+'年的'+month+'月 有29天');
                    }else{
                        alert(year+'年的'+month+'月 有28天');
                    }
                    break;
                case 4:
                case 6:
                case 9:
                case 11:
                    alert(year+'年的'+month+'月有30天');
                    break;
                default:
                    alert('请正确输入');
                    break;
            }
            





        // 输入一个1至30之间的整数，
        // 判断这个数字是 处在 1至10  和 11-20  和 21-30 的哪个区间
        // 如果输入的数字不存在(输入的数字，输的数字大于30和小于1) 这几个区间中 提示 重新输入

        // 输入 数字
        var num = prompt('请输入1-30的整数数字');

        if(num<1 || num>30 || num=='' || num==null || isNaN(num)){
            alert('请正确输入');
        }else if(num>=1 && num<=10){
            alert('您输入的数字在1-10的区间')
        }else if(num>=11 && num<=20){
            alert('您输入的数字在11-20的区间')
        }else if(num>=21 && num<=30){
            alert('您输入的数字在21-30的区间')
        }


    </script>
</body>
</html>

<!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>
        // 循环不可缺少的4个部分
            // 1、循环变量 --- 需要初始化(定义)
            // 2、循环条件 --- 循环能够执行的依据，也是循环停止的条件，满足这个条件继续循环，当不满足的时候停止循环
            // 3、循环体 --- 循环过程中 需要不断执行的代码
            // 4、更新循环变量 --- 记录循环的次数，使之能达到循环的停止条件

        // while循环
            // 初始化循环变量
            // while(循环条件){
            //     循环体
            //     
            //     更新循环变量
            // }
            

        // 在页面中 写入 10次  对涛哥的爱
            // 1、初始化循环变量
            var i = 1;

            while(i<=10){  // 2、循环的条件---循环的判断条件 -- 当条件成立就进入循环体 -- 条件不成立停止循环
                // 3、循环体
                document.write('我对一个爱烫头的男孩很中意，我觉得他前途无量，至某涛');

                // 4、更新循环变量 --- 一定要更新循环变量，如果不更新循环变量就会成为 死循环
                i++;
            }
            // while循环的执行流程
            // 1 => 2 => 3 => 4 => 2 => 3 => 4 => 2 => 3 => 4 => 2


        // 死循环
            // 我们在编写循环程序的时候一定要注意给循环结构留出一个出口，
            // 也就是说循环程序运行到一定的程度必须要结束，否则程序就会进入 死循环。
            // 死循环 是指程序一直停留在某一阶段重复执行某一些操作而不会继续执行后面的代码。
            // 这种现象对内存资源的消耗是非常巨大的，正常的情况就是 内存溢出。



        // document.write('我对一个爱烫头的男孩很中意，我觉得他前途无量，至某涛')
        // document.write('我对一个爱烫头的男孩很中意，我觉得他前途无量，至某涛')
        // document.write('我对一个爱烫头的男孩很中意，我觉得他前途无量，至某涛')
        // document.write('我对一个爱烫头的男孩很中意，我觉得他前途无量，至某涛')
        // document.write('我对一个爱烫头的男孩很中意，我觉得他前途无量，至某涛')
        // document.write('我对一个爱烫头的男孩很中意，我觉得他前途无量，至某涛')
        // document.write('我对一个爱烫头的男孩很中意，我觉得他前途无量，至某涛')
        // document.write('我对一个爱烫头的男孩很中意，我觉得他前途无量，至某涛')
        // document.write('我对一个爱烫头的男孩很中意，我觉得他前途无量，至某涛')
        // document.write('我对一个爱烫头的男孩很中意，我觉得他前途无量，至某涛')
        


        // 计算 1-100之间整数的和
        
        // 叠加 数字的结果
        var sum = 0;

        var n = 1;
        while(n<=100){
            sum += n ;  // sum = sum+n;  sum = 1+2+3+4+...+100

            n++;
        }

        console.log(sum);  // 5050

    </script>
</body>
</html>

<!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>
        // 1、在控制打印输出1-10之间的所有整数

            // var n1 = 1;

            // while(n1<11){
            //     console.log(n1);

            //     n1++;
            // }
        


        // 2、在控制打印输出1-100之间所有整数的和


        // 3、计算1-100之间的偶数的和

            // // 接收相加的结果
            // var sum1 = 0;

            // // 初始化循环变量
            // var n2 = 1;

            // while(n2<101){
            //     if(n2%2==0){
            //         sum1 += n2;  // sum1 = sum1+n2;    
            //     }

            //     // 更新循环变量
            //     n2++;
            // }

            // console.log(sum1);  // 2550




        // 4、计算 10的阶乘 并输出结果

            // // 存储 乘积
            // var sum2 = 1;

            // var n3 = 1;
            // while(n3<=10){
            //     sum2 *= n3;

            //     n3++;
            // }
            
            // console.log(sum2);  // 3628800




        // 5、计算 1-30 之间 所有偶数的和 和 所有奇数的和

            // 叠加 奇数的和
            var oddsum = 0;
            // 叠加 偶数的和
            var evensum = 0;
        
            var num = 1;
            while(num<=30){
                if(num%2!=0){
                    oddsum += num;
                }else{
                    evensum += num;
                }

                num++;
            }

            console.log(oddsum,evensum);  // 225 240
    </script>
</body>
</html>

<!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>
        // 循环不可缺少的4个部分
            // 1、循环变量 --- 需要初始化(定义)
            // 2、循环条件 --- 循环能够执行的依据，也是循环停止的条件，满足这个条件继续循环，当不满足的时候停止循环
            // 3、循环体 --- 循环过程中 需要不断执行的代码
            // 4、更新循环变量 --- 记录循环的次数，使之能达到循环的停止条件


        // do...while循环
            // 初始化循环变量
            // do{
            //     // 循环体

            //     // 更新循环变量
                
            // }while(循环条件)


        
        // 在页面中 写入 10次  对涛哥的爱
            // 1、初始化循环变量
            var i = 1;

            do{
                // 3、循环体
                document.write(i+'我对一个爱烫头的男孩很中意，我觉得他前途无量，至某涛');

                // 4、更新循环变量
                i++;

            }while(i<=10);  // 2、循环条件
            // do...while循环的执行流程
            // 1 => 3 => 4 => 2 => 3 => 4 => 2 => 3 => 4 => 2
        
            // while循环 是 先判断 再执行
                // 如果 循环条件结果为 true 进入循环，如果结果false直接不会执行循环
                // 如果 初始化的循环变量 一开始就不符合 循环条件，则一次循环也不会执行
            // do...while循环 是 先执行 再判断
                // 首先执行一次循环，然后去判断循环条件
                // 不论 初始化的循环变量是否符合循环条件，这个循环都至少会执行一次

            // 如果说 在初始化的循环变量本身就符合循环条件的情况下，这个两个循环其实没有区别



            // 5、计算 1-30 之间 所有偶数的和 和 所有奇数的和

            // 叠加 奇数的和
            var oddsum = 0;
            // 叠加 偶数的和
            var evensum = 0;
        
            var num = 1;
            do{
                if(num%2!=0){
                    oddsum += num;
                }else{
                    evensum += num;
                }

                num++;
            }while(num<=30)

            console.log(oddsum,evensum);  // 225 240
    </script>
</body>
</html>

<!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>
        // 循环不可缺少的4个部分
            // 1、循环变量 --- 需要初始化(定义)
            // 2、循环条件 --- 循环能够执行的依据，也是循环停止的条件，满足这个条件继续循环，当不满足的时候停止循环
            // 3、循环体 --- 循环过程中 需要不断执行的代码
            // 4、更新循环变量 --- 记录循环的次数，使之能达到循环的停止条件


        // for循环
            // for(1、初始化循环变量;2、循环条件;4、更新循环变量){
            //     3、循环体
            // }


        // 在页面中 写入 10次  对涛哥的爱
            // 1、初始化循环变量;2、循环条件;4、更新循环变量
            for(var i=1;i<=10;i++){
                // 3、循环体
                document.write(i+'我对一个爱烫头的男孩很中意，我觉得他前途无量，至某涛');
            }
            // for循环的执行流程
            // 1 => 2 => 3 => 4 => 2 => 3 => 4 => 2 => 3 => 4 => 2



            // 3、计算1-100之间的偶数的和

            // 接收相加的结果
            // var sum1 = 0;

            for(var n2=1,sum1=0;n2<101;n2++){
                if(n2%2==0){
                    sum1 += n2;  // sum1 = sum1+n2;    
                }

                console.log(n2);  // 1 2 3 4 5 ... 100
            }

            console.log(sum1);  // 2550


            console.log(n2);  // 101



            
            for(var j=1;j<=50;j++){
                console.log(j);  // 1 2 3 ... 50
            }

            console.log(j);  // 51
    </script>
</body>
</html>

<!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>
    <style>
        div{
            background: pink;
        }
    </style>
</head>
<body>
    


    <script>
        // 循环的嵌套
            // 外层循环 执行一次   内层循环执行一圈

        for(var i=1;i<=5;i++){
            console.log(i);  // 1
                             // 2
                             // 3
                             // 4
                             // 5
            for(var j=1;j<=6;j++){
                console.log(j);  // 1  2  3  4  5  6
                                 // 1  2  3  4  5  6
                                 // 1  2  3  4  5  6
                                 // 1  2  3  4  5  6
                                 // 1  2  3  4  5  6
            }
        }



        // 在页面上 实现三角形的 输出
            // document.wirte();

            // *
            // **
            // ***
            // ****
            // *****
        
        // 外层循环 控制 行数
        for(var r=1;r<=5;r++){

            // 内层循环 控制 星号的个数
            for(var c=1;c<=r;c++){
                document.write('*');
            }

            // 换行
            document.write('<br/>')
        }






        // document.write('*');

        // // document.wirte()  可以解析标签
        // document.write('<br/>');
        // document.write('<div>我真帅啊，不烫头也帅</div>')

        // document.write('*');


    </script>
</body>
</html>

<!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>

        for(var i=1;i<=5;i++){
            console.log(i);
            for(var j=1;j<=6;j++){
                console.log(j);
            }
        }


        // 外层循环 控制 行数

        // debugger;;
        for(var r=1;r<=5;r++){

            // 内层循环 控制 星号的个数
            for(var c=1;c<=r;c++){
                document.write('*');
            }

            // 换行
            document.write('<br/>')
        }


    </script>
</body>
</html>

<!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>
        // while 与 for 和 do...while 循环体的区别？
            // - 当条件为false时，while 和 for 一次都不会执行，先判断再执行
            // - 当条件为false时，do...while至少会执行一次，先执行再判断

        // while 和 for 循环体的区别？
            // - 循环次数确定的情况，通常选用for循环
            // - 循环次数不确定的情况，通常选用while


        // 你有一个篮球，从5米高度向下扔，每次弹起的高度是上一次的 30%，
            // 经过几次弹起高度会小于 0.1米


        // 可以使用 while完成，但是这个过程中需要应用 break语句
    </script>
</body>
</html>

<!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>

        // break语句 和 continue语句
            // break语句  具有 终止循环执行的作用
                // 当在循环中 执行了 break语句后，循环就直接停止，不论是否达到停止条件
            // continue语句  具有 跳出当前这一次循环，直接进入下一次循环
                // 当在循环中 执行了 continue语句后，当前这一次循环就被停止，直接进入下一次循环(直接更新循环变量)


            
        // 你有一个篮球，从5米高度向下扔，每次弹起的高度是上一次的 30%，
            // 经过几次弹起高度会小于 0.1米

        var gao = 5;
        var c = 1;
        while(true){
            gao *= 0.3;

            if(gao<0.1){
                break;
            }

            c++;
        }
        console.log(c);  // 4
        

        // for(var c=1,gao=5;c<100000;c++){
        //     gao *= 0.3;

        //     if(gao<0.1){
        //         break;
        //     }
        // }
        // console.log(c);  // 4


        // 3、计算1-100之间的偶数的和

            for(var n=1,sum=0;n<=100;n++){
                if(n%2==1){
                    continue;
                }

                sum+=n;
            }

            console.log(sum);  // 2550
    </script>
</body>
</html>