JavaScript-day03

最新推荐文章于 2024-07-20 23:54:17 发布

2201_75449897

最新推荐文章于 2024-07-20 23:54:17 发布

阅读量140

点赞数 1

文章标签： javascript 开发语言 ecmascript

本文链接：https://blog.csdn.net/2201_75449897/article/details/140558227

版权

01-条件运算符

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

<head>
    <meta charset="UTF-8">
    <title>03-JavaScript</title>
    <style>

    </style>
</head>

<body>
    <script>
        // if(表达式){

        // }
        // 条件表达式 ? 如果表达式结果为true,执行这里的代码1 : 如果表达式结果为false,执行冒号后面的代码2 ;
        var num = Number(prompt('请输入一个数字'));
        num > 10 ? console.log(num + '大于10!!!!') : console.log(num + '小于10????');

        if (num > 10) {
            console.log(num + '大于10');
            console.log('哈哈哈');
            console.log('呵呵呵');
            console.log('嘿嘿嘿');
            console.log('呵呵呵');
        } else {
            console.log(num + '小于10');
        }
    </script>
</body>

</html>

02-switch语句

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

<head>
    <meta charset="UTF-8">
    <title>03-JavaScript</title>
    <style>

    </style>
</head>

<body>
    <script>
        // switch(表达式){
        //     case 值1:
        //         语句1;

        //     case 值2:
        //         语句2;
        // }
        // switch语句 是一个多分支语句，
        // 用于根据表达式的值选择一个分支执行。

        var num = Number(prompt("请输入一个数字"));
        switch (num) {
            case 1:
                console.log("今天星期1");
                break;
                // 结束当前的代码块
            case 2:
                console.log("今天星期2");
                break;
                // 结束当前的代码块
            case 3:
                console.log("今天星期3");
                break;
                // 结束当前的代码块
            case 4:
                console.log("今天星期4");
                break;
                // 结束当前的代码块
            case 5:
                console.log("今天星期5");
                break;
                // 结束当前的代码块
            case 6:
                console.log("今天星期6");
                break;
                // 结束当前的代码块
            case 7:
                console.log("今天星期日");
                break;
                // 结束当前的代码块
            default:
                // 当上面所有的case都没有执行的时候 就会执行default下面的代码
                console.log(num + "不是星期几");
                break;
        }
    </script>
</body>

</html>

03-while语句

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

<head>
    <meta charset="UTF-8">
    <title>03-JavaScript</title>
    <style>

    </style>
</head>

<body>
    <script>
        // while (表达式) {
        //     代码块1
        // }

        // 只要表达式成立 就会执行代码块1  并且 会一遍又一遍的重复
        // var num = Number(prompt("请输入一个数字"));
        // while (num >= 1) {
        //     console.log(num);
        //     num--;
        // }


        do {
            代码块1
        } while (表达式);
        // 代码块 最少一定会执行一次  之后就会和while一样 只要表达式成立 才会执行
    </script>
</body>

</html>

04-if的灵活使用

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

<head>
    <meta charset="UTF-8">
    <title>03-JavaScript</title>
    <style>

    </style>
</head>

<body>
    <script>
        // 如果 让每位同学自行录入成绩
        // 如果成绩在90 - 100 之间 输出优秀
        // 如果成绩在80 - 90 之间 输出良好
        // 如果成绩在80 - 70 之间 输出中等
        // 如果成绩在70 - 60 之间 输出及格
        // 如果成绩在60 - 0 之间 输出你很差
        var num = Number(prompt("请输入一个数字"));

        // if 的嵌套使用  只要需要判断多个条件就可以使用if嵌套
        if (num > 90 && num <= 100) {
            console.log('你果然很优秀');
        } else {
            if (num > 80 && num <= 90) {
                console.log('你果然挺良好的');
            } else {
                if (num > 70 && num <= 80) {
                    console.log('你果然挺CitCit的');
                } else {
                    if (num > 60 && num <= 70) {
                        console.log('你果然挺及格的');
                    } else {
                        console.log('你果然很差');
                    }
                }
            }
        }

        
    </script>
</body>

</html>

05-for的灵活使用

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

<head>
    <meta charset="UTF-8">
    <title>03-JavaScript</title>
    <style>

    </style>
</head>

<body>
    <script>
        // 1. for循环
        // for (var i = 0; i < 10; i++) {
        //     for (var j = 0; j < 10; j++) {

        //     }
        // }


        // for (var j = 1; j <= 10; j++) {
        //     for (var i = 1; i <= 5; i++) {
        //         console.log("循环到" + i + "张图片了");
        //     }
        //     // 每一次总体的循环 里面小图片的循环
        // }
        // // 总体的次数

        for (var i = 1; i <= 9; i++) {
            var str = '';
            for (var j = 1; j <= i; j++) {
                str = str + (j + "*" + i + "=" + i * j + "    ");
            }
            // 每一次·乘法 都要改变的数字  乘数
            console.log(str);
        }
        // 1. 每一层 需要乘谁  被乘数
    </script>
</body>

</html>